
Project Description
This project showcase the wireframe process from low-fidelity to high-fidelity design. The idea was to have a web platform that hosts all business resources and events to help small businesses navigate through a one-stop shop! The project involves branding and design system guidelines to help the client reuse the elements in the design for future pages.
Low-Fidelity Wireframe
Before we start creating a brand new website, we have to sketch the skeleton first. This process is a quick iterative process to understand where the information, images and content goes. It is also easier to make changes. We design without colour first to understand the architecture of the website so that we can optimise the user experience!

Design style guide
Before translating to a complete beautiful website design, we build a style guide to automate the process. Style guide is then delivered to client for further use when creating more pages to the platform.

High-Fidelity wireframe
After we have finalised the branding, we translate the style guide into high fidelity prototype. This is where we 'prettify' the website and bring in the branding to represent your business.

Want to bring your idea to life?
Bringing your idea to life to make it feel real to you and to your customer, contact us here and get a free consultation!