Difference between revisions of "CNMCyber.com design"

From CNM Wiki
Jump to: navigation, search
(Sections (screens))
(Landing)
Line 41: Line 41:
 
#Borderless banner "Or allow our fellow to make some magic for you"
 
#Borderless banner "Or allow our fellow to make some magic for you"
 
#Upper half of the next section title
 
#Upper half of the next section title
 +
|}
 +
 +
===No-charge banner===
 +
:The landing screen features:
 +
:{|class="wikitable"
 +
| 
 +
!Mobile||Desktop
 +
|-
 +
!Fireframe draft
 +
|Not applicable||See on the right
 +
|-
 +
!Body
 +
|This section may or may not be included depending on the designer's preference
 +
|Text on a picture as the background
 
|}
 
|}
  
 
===Tiles===
 
===Tiles===
 
:We love tiles similar to Windows 8. If you forgot how they looked like, you are welcome to get to around 1:00/12:43 of this video -- https://www.youtube.com/watch?v=_E1UxI5I_jo -- the tiles could flip and slide both vertically and horizontally.
 
:We love tiles similar to Windows 8. If you forgot how they looked like, you are welcome to get to around 1:00/12:43 of this video -- https://www.youtube.com/watch?v=_E1UxI5I_jo -- the tiles could flip and slide both vertically and horizontally.

Revision as of 23:17, 19 March 2021

Draft of CNMCyber.com desktop landing. The blocks indicate positioning, but various elements and colors are yet to be designed.

CNMC landing design is the design of the primary landing page of CNMCyber.com.


Trivia

Fonts

They shall be stylish, but simple. No more than 2 fonts including the logo.

Colors

They shall be stylish, but simple. No more than 3 colors including the logo, but excluding color pictures. Here is the previous design that the same customer purchased before -- https://worldopp.com/

Sections (screens)

Landing

The landing screen features:
  Mobile Desktop
Fireframe draft
Focnm-org.png
See on the right
Header
  1. Logo
  2. Main menu
  1. Logo
  2. Search bar
  3. Main menu
Action area
  1. Invitation "Let's"
  2. 4 action areas
  3. Upper half of the next section title
  1. Invitation "Welcome to Cyber. Let's"
  2. Video background
  3. 2 "more" buttons
  4. 4 action areas
  5. Borderless banner "Or allow our fellow to make some magic for you"
  6. Upper half of the next section title

No-charge banner

The landing screen features:
  Mobile Desktop
Fireframe draft Not applicable See on the right
Body This section may or may not be included depending on the designer's preference Text on a picture as the background

Tiles

We love tiles similar to Windows 8. If you forgot how they looked like, you are welcome to get to around 1:00/12:43 of this video -- https://www.youtube.com/watch?v=_E1UxI5I_jo -- the tiles could flip and slide both vertically and horizontally.