VN IB Academy
Local Education Center
Web UI Redesign
Project introduction
A Web Redesign
In 2024, VN IB Academy, a local education center, set out to redesign its website to create a more professional online presence and attract more students.
The goal was to refresh their website with a clean, modern, and trustworthy design that better reflected the quality of their programs and made it easier for prospective students to explore and enroll.
Project Workscope:
– Examine the business needs and design direction
– Design a new web UI follows new branding guideline
– Responsive adaptation
A little dive deep
Design Direction
Design Approach
The design followed VN IB Academy’s brand guidelines, using a clean flat design with rounded corners to create a friendly and approachable user experience.
Custom icons and graphics were designed to add a unique touch, with an orange accent color used to complement the brand’s primary blue tones — bringing more energy and visual interest to the interface while maintaining consistency.
Design Assets
Color Palette
Branding
Base
Neutral
Typography
SFU FUTURA
Primary Font, applicable for English, Vietnamese title, slogan
Regular, Italic, Bold
IBM PLEX SANS
Secondary Font, applicable for English, Vietnamese body text
Regular, Italic, Bold
Final Design
VN IB Academy Website
Homepage
Courses
Contact
Experience in Figma Prototype
Instruction:
Click on screen to find flashy hint for available interactive elements
Hit [R] or click on [Restart button] at the bottom right corner
For full screen view, click on the expand icon at the top right corner
Thank You For Reading!