Bringing Hotel Boost Online: Website Design for Advito’s Brand Expansion

Bringing Hotel Boost Online: Website Design for Advito’s Brand Expansion

Timeline:

2 Months

Role:

UI Designer

Client:

Advito/Hotel Boost

Project Overview

Project Overview

This project was completed under a design agency for a client in the travel and hospitality industry. The goal was to design an intuitive, engaging, and conversion-focused website that communicates the value of an educational platform dedicated to helping professionals master hotel category management.


Through structured courses and resources, the platform aims to help users gain expertise in optimizing hotel programs, benchmarking preferred rates, and applying behavioral insights in supplier negotiations and traveler decision-making.

My role focused on developing a clean, user-friendly interface that enhances learning engagement while maintaining brand consistency and visual clarity across pages.


Disclaimer:

All brand names, logos, and assets displayed are the property of their respective owners. This project was produced under a design agency partnership and is shown here solely for the purpose of demonstrating my design role, process, and skills. No ownership or commercial rights are claimed.

Problem

Problem

Hotel Boost needed a website that would position them as a trusted authority in hotel category management while delivering a seamless and engaging learning experience for travel managers.


As an extension brand of Advito, Hotel Boost had to establish its own identity — modern, accessible, and educational — while still aligning with the credibility and professionalism of its parent company.

Hotel Boost needed a website that would position them as a trusted authority in hotel category management while delivering a seamless and engaging learning experience for travel managers.


As an extension brand of Advito, Hotel Boost had to establish its own identity — modern, accessible, and educational — while still aligning with the credibility and professionalism of its parent company.

THE BEGINNING

Research & Discovery

Research & Discovery

To better understand the needs, challenges, and expectations of Hotel Boost’s target audience, I started the design process by creating and distributing a UX Intake Form.


In addition, I joined a strategy call with the client alongside the Creative Director to align on brand direction, platform objectives, and user experience priorities.

To better understand the needs, challenges, and expectations of Hotel Boost’s target audience, I started the design process by creating and distributing a UX Intake Form.


In addition, I joined a strategy call with the client alongside the Creative Director to align on brand direction, platform objectives, and user experience priorities.

Information Architecture

Information Architecture

Using insights from the UX Intake Form and strategy session, we mapped out a clear and intuitive Information Architecture.

Using insights from the UX Intake Form and strategy session, we mapped out a clear and intuitive Information Architecture.

Content Gathering

Content Gathering

With the Information Architecture in place, the next step was to collect and organize the actual content that would populate each page of the website. I worked closely with the client to gather all necessary text assets—such as course descriptions, headlines, subheadlines, value propositions, and call-to-actions.


By having the content upfront, I was able to design with clarity and intent—ensuring that every section of the layout had the right message to support the user journey.

With the Information Architecture in place, the next step was to collect and organize the actual content that would populate each page of the website. I worked closely with the client to gather all necessary text assets—such as course descriptions, headlines, subheadlines, value propositions, and call-to-actions.


By having the content upfront, I was able to design with clarity and intent—ensuring that every section of the layout had the right message to support the user journey.

Wireframing

Wireframing

With the structure and content in place, I moved on to the wireframing stage to translate strategy into layout. This step focused on establishing the visual hierarchy, content placement, and user flow—without getting distracted by colors or visuals just yet.

With the structure and content in place, I moved on to the wireframing stage to translate strategy into layout. This step focused on establishing the visual hierarchy, content placement, and user flow—without getting distracted by colors or visuals just yet.

Design System

Design System

Before jumping into high-fidelity designs, I created a Design System to ensure visual consistency and scalability across the entire platform. This system served as the foundation for UI design, enabling faster iteration and smoother collaboration.

Before jumping into high-fidelity designs, I created a Design System to ensure visual consistency and scalability across the entire platform. This system served as the foundation for UI design, enabling faster iteration and smoother collaboration.

High-Fidelity Mockups

High-Fidelity Mockups

With the design system in place, I moved on to creating the high-fidelity mockups for each key page of the platform. These mockups brought the strategy, content, and components together—transforming the wireframes into visually polished and brand-aligned designs.

With the design system in place, I moved on to creating the high-fidelity mockups for each key page of the platform. These mockups brought the strategy, content, and components together—transforming the wireframes into visually polished and brand-aligned designs.

4+ years of experience in brand identity, UX/UI design, and high-conversion digital experiences. Skilled in designing conversion-focused landing pages, marketing collateral, and responsive websites that optimize user journeys and drive measurable business outcomes.

Follow me at

Jason Piano. All rights reserved. 2025

Let's Work Together!

4+ years of experience in brand identity, UX/UI design, and high-conversion digital experiences. Skilled in designing conversion-focused landing pages, marketing collateral, and responsive websites that optimize user journeys and drive measurable business outcomes.

Follow me at

Jason Piano. All rights reserved. 2025

Let's Work Together!

4+ years of experience in brand identity, UX/UI design, and high-conversion digital experiences. Skilled in designing conversion-focused landing pages, marketing collateral, and responsive websites that optimize user journeys and drive measurable business outcomes.

Follow me at

Jason Piano. All rights reserved. 2025

Let's Work Together!