Difference between revisions of "CNMCyber.com design"

From CNM Wiki
Jump to: navigation, search
(Trivia)
(Landing)
Line 16: Line 16:
 
===Landing===
 
===Landing===
 
:The landing screen features:
 
:The landing screen features:
:{|class="wikitable" width=100%
+
:{|class="wikitable" width=100% style="text-align:center;"
 
| 
 
| 
 
!Mobile!!Tablet!!Desktop
 
!Mobile!!Tablet!!Desktop

Revision as of 02:49, 20 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

Action areas

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/

Fonts

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

Sections (screens)

Landing

The landing screen features:
  Mobile Tablet Desktop
Fireframe draft
Focnm-org.png
To be decided
Landing-screen.png
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

The no-charge banner features:
  Mobile Tablet Desktop
Fireframe draft To be decided To be decided
Banner-screen.png
Body This section may or may not be included depending on the designer's preference Text on a picture; the picture is the background

Stories

The stories' screen features:
  Mobile Tablet Desktop
Fireframe draft To be decided To be decided
Stories-screen.png
Body To be decided; this could be a manual carousel or something else

Tiles

The customer loves tiles similar to Windows 8 start menu. 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.
The tiles' screen features:
  Mobile Tablet Desktop
Fireframe draft To be decided To be decided
Tiles-screen.png
Body This could be a manual carousel or something else

Choices

The choices' screen features:
  Mobile Tablet Desktop
Fireframe draft To be decided To be decided
Choice-screen.png
Body This could be a manual carousel or something else

Leads

The leads' screen features:
  Mobile Tablet Desktop
Fireframe draft To be decided To be decided
Leads-screen.png
Body This could be a manual carousel or something else

Bottom

The bottom screen features:
  Mobile Tablet Desktop
Fireframe draft To be decided To be decided
Bottom-screen.png
Body This could be a manual carousel or something else