What's included

• Goal identification

  I'll work with you to determine what goals the website needs to fulfil. I.e., what its purpose is

• Scope definition

  Once we know the site's goals, we can define the scope of the project. I.e., what web pages and features the site requires to fulfil the goal.

• Sitemap

  It's an essential part of the process which is a diagrammatic representation of a hierarchical system. It helps give a clear idea of the website’s information architecture showing the relationships between the various pages and content elements.

• Wireframe

  The next step is to sketch out the wireframe. Wireframes provide a framework for storing the site’s visual design and content elements and can help identify potential challenges and gaps ahead of the final design

• Content Creation

  Once the website’s framework is in place, the contents for different pages and sections of the website will get to be created. Some things that would be considered here are contents that engage readers and drive them to take action when necessary also content that boosts a site’s visibility for search engines.

• Design System

  The design system is a collection of reusable design elements, components, guidelines, and standards that are organized and documented to ensure consistency and efficiency across boards.

• Mockup

  This is the wireframe with high-fidelity elements such as colors, contents, images and any other visuals that are aligned with the brand and design system. It is a static yet realistic rendering of the website with no interactivity.

• High Fidelity Prototype

  This is the stage where we bring the website to life and add motion, transitions and interactions.

• Test

  At this stage, we get to test the design in-house and with real users to get early feedback and learn from their experience. As a result of the test, improve on the design if need be.

• Handoff

  Design links/files will be shared with the stakeholders. Regular engagement with the stakeholders will be maintained from start to finish, to keep them informed about the design steps and facilitate a smooth development process.