The Metropolitan Spring Hill
UI/UX design Web Design
Overview
The owners of The Metropolitan approached Follow to help create a new direction for the property. Follow conducted a brand refresh of The Metropolitan in conjunction with the website redevelopment.
Working as the only digital designer within the Brisbane team at Follow. My role in this project was to create IA, wireframes, design the interfaces for mobile and desktop, create interactive prototypes and prepare the design handoff.
- IA and Wireframing
- Visual Design and Prototyping
- Design to dev handover
- QA testing
Tools: Sketch, InVision, Zeplin, Photoshop, Illustrator
AGENCY
Follow Agency
YEAR
2014-2019
ROLE
UI/UX Designer
The Challenge
The Metropolitan needed a next-generation website with integrated booking system and offers management, to deliver a first-class experience for potential guests. I was challenged to create better information architecture, user flows and user experience.
The Solution
Wireframing
I created wireframes before our graphic designer finalises a logo design. I focused on information architecture and user experience first. The new website needs new contents, I structured the page layout and gave a direction for our content creator.
Visual Design
After our graphic designer finalised logo design, I start to create a visual language of the new site. I chose typefaces, developed a colour palette, designed icons, and created a bunch of graphic elements. All of the visual elements come together representing the brand.
Homepage
I designed the entry points for users to access content quickly. The Metropolitan has three major user types: tourist, corporate travellers and medical patients. I created landing pages for each user type.
Responsively designed
Big screen or small, The Metropolitan site looks good and works well on all devices.
Summary
This was an interesting project to work on. I especially enjoyed the design direction exploration phrase. The site launched in 2018
