top of page

INDIVIDUAL PROJECT

MY ROLE: UX UI Designer

DURATION: 2 Weeks

TOOLS: Figma, Adobe Illustrator, WIX

OVERVIEW

Heguru Education is a unique and highly simulative system based on exceptional quality of Right Brain development programs in early aged children. With the aim of effectively enhancing a child’s leaning abilities, Heguru expands its success to Australia.​

Incorporating the visual design from Japan headquarters, I created an online interface displaying a light, simple yet informative website to represent the new centre in Australia.

01  Visual Elements
heguru-04.jpg
Heguru小.jpg
main.png
DESKTOP WIREFRAME SKETCHES
Page.png
page1.png
page2 (1).png

Homepage

Pages Template

Contact Us Page

Grids / Spacing

Text Alignment - Centre
Top/Bottom Padding - 46px
Left/Right Padding - 26px

Screenshot 2024-10-08 152839.png
Typography

H1

This is a Heading

Times New Roman, Bold, 24px

H2

This is a Sub heading

Times New Roman, Bold, 18px

Body

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Porttitor elementum cras 

Times New Roman, Italic, 16px

Stylized

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Porttitor elementum cras 

Times New Roman, Regular, 16px

Logos / Graphics
Heguru小.jpg
右脳開発ヘーグル中.jpg
heguru from google image.png
Heguru大.jpg
代表キャラクター1人大(差し.png
Group 19.png
Colour Palette

Primary Colours

Orange

#F07B03

Bright Orange

#FF9F00

Pale

#FFF1D4

#00000

Gray Scale

#323232

#C7C7C7

#F6F5F5

DEVICE.png
MOBILE WIREFRAME SKETCHES

Homepage

page.png

Pages Template

menu.png

Contact Us Page

02 Wireframing
USER FLOWS
USER TESTING INSIGHTS
Page.png
UI DESIGN TRANSFORMATIONS
page.png
page.png
page.png
03 Iterations

Given the provided Style Guide and content from Heguru headquarters, it has simplified my UX phases for the project. More focus was put into the UI layout and content creation by working with staff in the Australia licensed centre.

As the first time publishing a site for a chain business, below are some key points that I found essential when working on Heguru Education Australia 

Visual

Be consistent with the existing business theme - colours, logos, images, fonts, paragraph spacings etc. It is a key element to represent the online presence 

Content

Key information must be presented for audience to learn about Heguru. Though, text should be kept simple and incorporate plenty of images for users' attention

Privacy

As privacy issues have become a big concern online,  'Privacy Policy' ' Terms and Conditions' must be written carefully to gain users' trust and their willingness to submit enquiries

04 Final Thoughts
bottom of page