Perspective view of the Hoken homepage displayed on a laptop screen, emphasizing the booking hero section with crowd background.

As Principal Product Designer at Hoken

I played a key role in defining major features, leading the product design team, shaping the user experience and interface, contributing to research, and collaborating closely with leadership and engineering teams to drive growth and profitability.

This case includes an in-depth feature study of Guest Checkout ->

What is Hoken

Hoken is an innovative startup offering hotel room bookings around high-demand events like music and sports, where accommodations are often limited, also offering the possibility of reselling rooms.

What I did

Product Design
Research
Cross-functional Collaboration
Desing Leadership
Desing System Management / Dev
Frontend Development

Guest Checkout Flow

Increased sales by 2x with a user-centered approach

Problem

Mandatory account creation at checkout for new users disrupted their primary goal of booking a room, leading to high drop-off rates.

Research and Definition

I conducted usability tests, interviews and collaborated with the operations team to define essential data and create a new flow for users without an account (the majority of them).

Approach

Mandatory account creation at checkout for new users disrupted their primary goal of booking a room, leading to high drop-off rates.

Challenges

The Stripe integration implementation required the email before creating a payment intent. Collaborating with the engineering team we created a straightforward 2-step process, that covered business and users’ needs.

Flows comparison

Comparison of original and simplified user flow for booking a hotel room, highlighting fewer steps in the new version.

Design

Guest checkout flow screens including email and payment form, followed by confirmation page showing a booked room.Mockups showing Hoken’s booking experience across mobile and desktop devices, from room selection to payment and confirmation screens.

Want to go deeper? Check the in-depth breakdown of Guest Checkout ->

Events Search

Event page views per user increased from 3.40 to 4.71, and engagement time rose from 34s to 1m.

Problem

Users found it difficult to locate specific events quickly either in the homepage curated events section and the all-events page, leading to a high abandonment rate.

Research and Definition

Conducted asynchronous interviews and usability tests and confirmed the need. Designed a prominent search bar on the homepage to address this issue.

Approach

Replaced a curated event module in the hero section with a universal search, aligning the homepage with users’ primary goal.

Challenges

Mobile usability was challenging; initially used a new screen, then optimized to a modal for fewer clicks.

Design

Two versions of the Hoken homepage featuring event-based hotel booking with hero text and hotel cards.
On the left: Previous version. On the right: Redesign

Room Page Redesign

Increased conversion by 4% and reduced bounce rate to half.

Problem

Users coming from Google Hotel Search were presented only the room they selected on Google and were very likely to keep browsing for other hotels elsewhere.

Research and Definition

Interviewed users and discovered that Hoken was part of a larger research effort, and that other options were not easily discoverable in our platform.

Approach

We iterated on several ways to show other hotels and rooms alongside the room users previously selected. First as collapsible sections, and converging into making a list-style view.

Challenges

Maintaining a clear Call-to-action while showing a lot of other optional actions and depth. 
On the front-end side, re-imagining the room-card component, using the same endpoints and information.

Design

Redesigned hotel room page with room details, booking summary, and alternative hotel suggestions near the same location.
On the left: Previous version. On the right: Redesign

Process

Wireframe layout featuring large image area, CTA button, and multiple vertically stacked content blocks.

Original version
Only information about the room and the other same-type rooms

Wireframe layout for a room detail page, with image placeholders, CTA button, and content sections.

First redesign iteration
Included related rooms and hotels, keep CTA above the fold.

Wireframe for a room page variation with emphasis on text sections and call-to-action positioning.

Second redesign iteration
Included hotel context and easier to browse related rooms and hotels. Increased conversion and reduced bounce rate. related rooms and hotels, keep CTA above the fold.

Pricing Guidance

Successfully nudged all users to set realistic prices

Problem

Users needed guidance to set realistic resale prices, promoting healthy marketplace dynamics and preventing unrealistic listings.

Research and Definition

Analysis of user’s expectations and cross-functional collaboration with Head of Product, Operations, and C-level team to define price ranges that make sense with the market.

Approach

Supporting user autonomy with gentle nudges. Real-time feedback with color-coded guidance informed users while preserving pricing freedom.

Challenges

Communicated clear interactions through a coded functional prototype, streamlining the handoff to developers.

Side-by-side UI designs showing how to list a hotel room for resale, with price guidance, potential gain, and recommended price ranges.
On the left: Previous version. On the right: Pricing Guidance Additions

Room Portfolio Redesign

Performed better in usability testing. Not deployed.

Problem

Original table-based layout wasn’t user-friendly, especially on mobile, and didn’t align with real user needs.

Research and Definition

Conducted card sorting to understand priority information, leading to a simplified design with streamlined content and no horizontal scrolling.

Approach

Grouped rooms into collapsible categories based on their status (e.g., active bookings, listings for sale, bid activity), and showing the relevant information specific to those room types.

Challenges

Original table-based layout wasn’t user-friendly, especially on mobile, and didn’t align with real user needs.

Dashboard interface displaying listed rooms, personal room portfolio, resale prices, and potential gains.
On the left: Previous version. On the right: Redesign
Mobile UI mockup of the Hoken ‘Roomfolio’ feature showing rooms listed for sale and personal reservations. Room listings include room type, check-in date, purchase price, and the option to edit or sell. A blurred version of an earlier design is shown in the background for comparison.”

Other projects

Increased engagement and contributed to increasing the Assets Under Management.

Homepage redesign

Collaborating with an external communication consultant we re-worked the homepage to emphasize and clarify the value proposition.

On the UX front, I rearranged and streamlined the homepage sections to show more events, show the event categories, and design a social proof section to increase the users’ trust in the business.

Homepage showing hotel booking service for events, with hero banner, search bar, and list of featured concert tours.
Bidding interface showing price slider and cost breakdown for a hotel stay, including minimum bid and buy now options.

Bidding

This was the first feature I worked with the team. I presented a viable design in about 2 weeks that was consistent with all the previous work, coherent with the business needs, and that was solving the problem (allow buyers to place bids on rooms and allow sellers to review and accept them).

I’m hiding all the process here for the sake of brevity, but I will note that it was an iterative process that considered to not disrupt the previous UX as well as giving choice control to the users to wether they wanted to place a bid or buy immediately.


After reviewing our metrics and a few iterations we realized that our overall sales went down because the marketplace was still not mature enough to allow healthy bidding dynamics, and also that the fact that the rooms had an expiration date (check-in date) was not in line with the feature.

We learned and moved on. A great product development lesson.

Market data visualization

The objective of this project was to give users more tools to help them make decisions on buying and selling rooms, showing more information about the room’s price compared to the market (OTA sites).

This followed the thesis of making Hoken a dynamic marketplace. This initiative was accompanied with a Webinar to educate people on hotel price dynamics and how they could leverage them to either get better prices or make a profit.

Hotel detail page with market data section, pricing trends over time, volatility, and exclusivity indicators.
Hotel search result page with filters on the left and hotel cards showing prices, amenities, and availability.

Filters for hotel browsing

Our platform always operated as a curated offering of hotels, but we realized that in order to scale we needed to increase the depth and breadth of our hotel offerings, so we started the integration of a Third Party Hotel Aggregator to be able to quickly find properties around event, that matched our curation criteria.

This integration will require changes on the experience and the interface, because hotel browsing will go from around 5 hotels per event, to potentially hundreds. The user will benefit from a wider selection, but not without offering them a set of easy-to-use tools to find their hotel fast.

Design System expansion

I was in charge of expanding the Hoken’s Design System and to collaborate (both with code and design) with the frontend team to consolidate the Design System into a component library made in Storybook.

The objective was to keep consistency with the brand, and the previous core components and design guidelines created by Jana Stýblová and to make the system flexible and able to handle new components required for the business growth.

UI badges indicating limited availability, such as "Only 1 room left" and "8 rooms".
Component explanation describing tags used to mark properties or features like event proximity or bidding availability.
Description of interactive ‘Pills’ UI component with a note about using icons to prevent confusion in different use cases, such as breadcrumbs or checkboxes. A visual shows pills with text ‘3M’ and close icons in selected and unselected states.
Four room cards with hotel photos, pricing, and discount tags displayed for comparison.
UI of different tags used for indicating features of the rooms and hotels in cards
Explanation of ‘Toasts’ as temporary notifications. Four colored examples illustrate types: Confirmation (green), Attention (yellow), Alert (red), and Celebration (blue). Messages include bid status and pricing notifications.
Tooltip component definition explaining it as a contextual dialog for providing extra interface information. The visual shows two variations of a tooltip with guidance on ‘Instant Sell’ and room sale timing.
Visual definition of badges showing examples of room availability counts in hotel listings.

Let's stay in touch