Joyful tutors - dexton khee

My design process

Find out more about how my works are done

10th December 2025

Inspirations

I began by drawing references from images of existing websites to understand common layout patterns, visual hierarchy, and the different types of interactions.

11th December 2025

Wireframing

I created wireframes to plan the layout and structure of the website, focusing on content placement and user flow before moving into visual design.

11th December 2025

Mockup

I translated the wireframes into high-fidelity mockups by applying visual styles such as color, typography, and imagery to show how the final website would look.

11th December 2025

Prototyping

Then finally, I created an interactive prototype by adding navigation and interaction elements, allowing users to click through the website and experience how different pages and features work together.

11th December 2025

Style guide

I also developed a style guide which helps to outline colours, typography, and UI components which ensures that there is visual consistency across all the pages.

Follow Me