top of page

Designing Website: Educational Content Platform

Updated: Oct 14, 2021

educational platform design

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!

low fidelity wireframe

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.

Style guide

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!


bottom of page