Please enable JavaScript.
Coggle requires JavaScript to display documents.
, Website Step by Step Design Process, After the Design Call Approval of…
Website Step by Step Design Process
Review Design Brief/Questionnaire thoroughly
Get Design Inspiration Websites (for colors, layouts, fonts references)
Prepare the ff: Font choice, colors choice and images (stock or provided images)
Create a site map (so we can identify what pages and dropdown pages need to be included in the site) -Note: this can be change due to client after the design call
Start creating hi-fidelity wireframes in Figma for homepage, service page, about us, and contact page
After completing the creation of wireframes - Review again the Questionnaire and cross check it with the wireframe created, incase we missed something.
Ready for Design Call Review
After the Design Call Approval of the Wireframe
If approved (We will be need to finalize the typography design style guides (for typography- font style and font size consistency across the site)
Create components for headers, footers, side bars, buttons (these are the elements that we'll be using multiple times across the website pages - so if we will have a changes for example in header we just need to edit the header component and it will all be changed throughout the site pages)
Update the website with the component elements.
Design the rest of the pages or if any additional pages requested. Desktop and Mobile pages
Export all the assets (website images, fonts used, icons used). Upload it on google drive and have the link ready for Dev team
Step By Step Design Process
Design Brief / Questionnaire
Look for reference Website design inspirations
Create Design Elements
Finalize the Desktop and Mobile pages to get ready for Client Approval.
Client Revisions