Before & After
Process
1. Project Definition
Identified problems with old website Identified purpose of new website Defined target audience and needs
2. Research
Researched competitors / industry trends Analyzed successful websites for inspiration
3. Lo-Fi Wireframes
Developed hierarchical structure Created low-fidelity wireframes to outline basic structure, layout, flow and interactions
4. Hi-Fi Mockup & Testing
Developed high-fidelity mockups Ensured responsiveness between desktop and mobile Performed usability testing to ensure positive user experience
5. Develop & Test
Chose development platform and began programming Ensured cross-browser compatibility and responsiveness Tested flow and interactive elements Continued to perform usability testing
6. Launch & Monitoring
Conducted final checks Monitored website performance and user behavior Welcomed user feedback for future improvements
Site Architecture
Wireframes
Typography & Color
Pages
Home Page
Service Page
Portfolio Page
About Page
Blog Page
