Southwards
Website ReDesign / UI Case Study
PTE: Elevate your English with comprehensive training.
View Other Projects
-
Identified major usability issues with old site like poor navigation, unintuitive flows, confusing IA, accessibility gaps etc.
-
Learned the importance of applying heuristics early to guide redesign priorities and goals
-
Developed an understanding of user goals, needs and optimal journeys by sketching flows
-
Validated ideas through rapid iteration, testing and feedback
-
Created a system of UI elements, patterns and guidelines to enable consistency
-
Learned how a modular, scalable UI kit is crucial for efficient site development
-
Practiced separating branding, visual language and components from content
-
Experienced value of realistic, interactive prototypes for demonstration and testing
-
Identified usability issues early by simulating the final product before any coding
-
Developed skills in using tools like Figma to create prototypes that feel like final interfaces
Takeaway & Reflection
4. High Fidelity Prototype
3. Development of UI Kit & Design Elements
2. Wireframe in Low Fidelity for New Website
1. Heuristic Evaluation of Old Website
4
High Fidelity Prototype ready for development
3
Development of UI KIT and design elements
2
Wireframes in low fidelity for new website
1
Heuristic Evaluation of old website
Design Process
Client
Southwards IELTS Pvt. Ltd.
Duration
1 week
Company
CreativeWebo Pvt. Ltd
My Role
UX/UI Intern:
Conducted heuristic evaluation, made wireframes and hi - fi Prototypes.
Tools
Figma + Slack
Details
Project Outline
The goal was to revamp the exisiting website which was designed in the early 2000s into a modern, bright and user friendly design which would be attractive to students. the older website lacked a theme and content flow which has been corrected in the new proposal. Colour palettes, fonts and iconography have been carefully chosen to form a UI Kit that ultimately pleases a younger generation and their parents while they scout for PTE training crash courses and irelative information.