Difference between revisions of "CNMCyber.com"
(→Design) |
(→Design) |
||
Line 3: | Line 3: | ||
==Design== | ==Design== | ||
− | [[File:Wireframe-mobile.PNG|200px|thumb|right|Wireframe for [[CNMCyber.com]] mobile landing]] | + | [[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=== |
Revision as of 19:03, 23 June 2020
CNMCyber.com is the official website of CNM Cyber.
Contents
Design
The draft of the desktop and wireframe for the mobile versions are published on the right of this page.
Inspirations
- The customer loves the design of the start screen of Windows 8 and its "tiles". 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:
Wireframes
Designer search announcement
We are looking for a graphical, UX, and/or UI designer to develop designs for three responsive pages: landing, registration, and post-registration. The assignment is initially on a small scale and further may be extended to long-term collaboration or a permanent position in our growing company. Requirements and skills:
- UI/UX interactivity design with Adobe Photoshop or other tools.
- Frequent, clear and effective communication.
- Dedication to meet project deadlines in a timely manner.
To get a contract on any page, you shall be able to communicate how you envision that page be. Please note that any attempt to send any portfolio of works that you claim are yours or express your greatness as a designer will lower, if not disqualify, your candidacy's position.
Interface Requirements
Framework and technical
I plan that the landing page must be plain HTML5/CSS/JS , Bootstrap 4. The Page aka future website is built on WordPress. I have purchased the Elementor license.
Structure
- The Website shall have a well designed structure where all of the modules and corresponding activities are logically linked.
- The Website shall be responsive, as to adjust on various devices the users may use. More specifically, interfaces shall be defined for Mobile, Tablet and Desktop screens.
- The Website shall have a Landing page providing links to all of the main pages of the Site. In addition, the Landing page shall be designed for the user to have maximum knowledge of the Website features and content.
- The whole CNM Cyber Welcome Session shall be on the website.