OERA Education

Overview

The website aims to help OERA Education to market themselves, and get more clients.

Role

Sketching, prototyping, user testing, project management

Tools

Sketch, Wix

Design Question
How to redesign the website and make it look professional?
Initial Web Page
Identify the main requirements of the client

After talking with the client and get their requirement. They want the the website look more professional. Currently, the design for the website is not consistant and can not show the branding of the company. Therefore, I help the company redefine their company logo, branding color and the main UI part for the website. At the same time, I restructure the layout of the company and make it easire for users to scan the information.  

Logo

Based on their requirements for the logo: modern, simple and can show the great future of the student. I finally design color version and dark version of the logo. The logo is the combination of the first letter of the company name, which is simple and modern. Also, the color is bright orange, which is the color of the sunrise. The color match the meaning of the company name, and is used as the primary color of the website.

Color Version
Dark Version
Design Decisions

Card & List View

To organize information in an easily digestible way, we decided to use cards and lists design. Card allows flexibility for different types of information and can be quickly applied to many pages on website. 

Visual Design

Style Guide

The branding color is in accordance with the company's branding color - Bright Orange, which represent hope, power and bright future.

Final Mockups

Initial Web Page​

Reflection

With the new UI for the website, the new website looks more professional and express the branding of the company. According to the feedback from the client, the website help them attract more users. 

Thanks for reading