UI DESIGN | VISUAL DEISGN + DIRECTION
** Branding and content creation were done concurrently to the website redesign, therefore, most sections are using FPO copy and images. **
** Branding and content creation were done concurrently to the website redesign, therefore, most sections are using FPO copy and images. **
** Branding and content creation were done concurrently to the website redesign, therefore, most sections are using FPO copy and images. **
** Branding and content creation were done concurrently to the website redesign, therefore, most sections are using FPO copy and images. **
ROLE
Lead UI/Interaction Designer
CLIENT
Hyatt
As the lead UI designer for this project I:
- Worked closely with the UX designer (Jackie Eaton) to translate wireframes into low-fi and high fi mockups of flows.
- Designed over 100 unique pages including all major website flows.
- Established breakpoints for mobile and tablet responsivness.
- Owned review cycles with design leadership.
- Established visual direction with an accompanying style guide for easier website scaling and developer implementation.
- Created unqiue set of icons to be used across the website.
Targeting adults aged 30-60 with families, I optimized the account page for ease of use. User profiles and direct navigation are prominently placed at the top, remaining visible as you scroll. Bright-colored buttons and large numbers enhance visibility for key actions and dates.
Our main challenge was to simplify the booking process. Our UX team collaborated with Hyatt to redesign the sitemap strategically. As the UI designer, I refined basic wireframes into a scalable system that streamlined these flows.
By reusing components and modules throughout the site, we enhanced cohesion and simplified the steps. Bright calls-to-actions and limiting tasks per page improved step-by-step clarity. Information entered remained visible throughout the booking process, allowing editing to remain accessible and increasing flow awareness.
By reusing components and modules throughout the site, we enhanced cohesion and simplified the steps. Bright calls-to-actions and limiting tasks per page improved step-by-step clarity. Information entered remained visible throughout the booking process, allowing editing to remain accessible and increasing flow awareness.
High-quality imagery showcasing Hyatt properties in diverse locations was paired with expanded brand colors and newly developed icons to enhance brand cohesion and align with their updated guidelines. These elements provided contrast and infused Hyatt's personality into text-heavy pages.
I developed a comprehensive style guide to ensure website consistency and a smooth handoff to developers. While we weren't able to implement an extensive design system, I created reusable components and modules to enhance uniformity across their dense sitemap. It also reduced implementation time by enabling developers to make quick style decisions and create micro animations based on the hover elements defined in the style guide.
Our team encountered challenges in the beginning stages which caused us to restructure our approach and internal workflow to address the delays in client deliverables. By breaking down the site into manageable segments, we tackled issues at a granular level and expanded solutions across other sections as we received input from the Hyatt team. Despite working in parallel, this iterative process and our established style guide allowed us to remain flexible and incorporate new assets on the fly, helping the site to come together in a cohesive way.
Hyatt was impressed with our rollout and quick turn around with their new assets. We heard the time it took to successfully book a location decreased as well as the number of abandoned bookings. The Hyatt team was grateful for this overhaul and paired with us on multiple other projects including websites and app updates.
Hyatt was impressed with our rollout and quick turn around with their new assets. We heard the time it took to successfully book a location decreased as well as the number of abandoned bookings. The Hyatt team was grateful for this overhaul and paired with us on multiple other projects including websites and app updates.
Hyatt was impressed with our rollout and quick turn around with their new assets. We heard the time it took to successfully book a location decreased as well as the number of abandoned bookings. The Hyatt team was grateful for this overhaul and paired with us on multiple other projects including websites and app updates.
Hyfn Studio
Anthony Ruba Creative Direction
Jackie Eaton UX Design
April DiMartile Design
More work
Based in Seattle, WA exploring the endless rows of trees.
Ready for a new design challenge - Let's connect!
© APRIL DIMARTILE 2024