Difference between revisions of "CNMCyber.com design"

From CNM Wiki
Jump to: navigation, search
(Designer-search ad)
Line 1: Line 1:
 
[[File:Cnm-cyber-com.png|400px|thumb|right|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]].
 
[[File:Cnm-cyber-com.png|400px|thumb|right|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]].
  
 
==Design==
 
[[File:Wireframe-mobile.PNG|200px|thumb|right|Wireframe for [[CNMCyber.com]] mobile landing]]The draft of the desktop and wireframe for the mobile versions are published on the right of this page.
 
  
 
===Inspirations===
 
===Inspirations===
:Anything innovative is welcome, but the customer loves the design of the start screen of Windows 8 and its "tiles" ([[Wikipedia: Windows 8|click here]] if you forget). The other websites that may inspire include:
 
:#https://www.roberthalf.com/ and https://generalassemb.ly/ -- both are similar; they have small pictures on the top, I would make ours movable, and then they add two blocks to separate employers and workers/learners -- great idea and we could do the same -- with our four blocks -- learn, network, partner, work, -- and below the tiles to our services.
 
:#https://www.hslu.ch/en/ -- another type, more simplistic, but really solid. They target only students; they don't need to separate the visitors, but I decided to add this website since it could be good for [[WorldOpp]] or something like that.
 
:#https://www.learningtree.com/ -- similar to the previous with regard that they don't separate the visitors. Plus, they focus on the search and our search is not good enough for now.
 
 
 
:The drafts that have been developed for [[FriendsOfCNM.org]] can also be helpful:
 
:The drafts that have been developed for [[FriendsOfCNM.org]] can also be helpful:
 
<gallery mode="packed-hover" widths=200px>
 
<gallery mode="packed-hover" widths=200px>

Revision as of 18:11, 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.


Inspirations

The drafts that have been developed for FriendsOfCNM.org can also be helpful:

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/

CNM Cyber's logo
The draft of the logo is developed (its SVG is available per request); however, that can be modified and, especially, its color or colors can be changed.

Pages

  1. CNMCyber.com landing

Tiles screen

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.