This image shows a hotel booking website interface Vio.com displaying hotels in Barcelona. The left side lists hotels with images, names, prices, ratings, and booking options, while the right side features a map highlighting hotel locations. The background consists of bold, abstract shapes in yellow, dark blue, red, and blue.
This image shows a hotel booking website interface Vio.com displaying hotels in Barcelona. The left side lists hotels with images, names, prices, ratings, and booking options, while the right side features a map highlighting hotel locations. The background consists of bold, abstract shapes in yellow, dark blue, red, and blue.

Vio.com

Findhotel rebranded as Vio.com to reposition the company. Their former branding was easily forgettable, and the new name demanded a fresh identity with more trust and international appeal, without disrupting a familiar, high-stakes platform experience.

Vio.com logo

We worked together on a brand foundation that could carry Vio.com into a crowded travel market and a practical system to translate it consistently into product and marketing. We started with UX/UI and accessibility audits to establish what to improve and what to protect. With brand strategy, creative direction, and brand identity guidelines in place, they’re now able to roll out Vio.com consistently while keeping the platform familiar and conversion-focused for millions of users.

What we worked on

  • Brand Strategy
  • Creative Direction
  • Information Architecture
  • UX/UI Design
  • Product Design
  • Website Design
  • Graphics & Illustrations
  • Interaction Design
  • Brand Identity Guidelines
Vio interface showing a list of hotel destinations and their pricesCard showing a hotel offering that has a label with depicting it as the most popular optionStore front window with the vio.com logo stickered on

Vio.com (formerly Findhotel) is an Online Travel Agency platform that aggregates prices from major travel sites so travelers can compare options fast and book with confidence. They operate in a category dominated by massive brands, where trust, clarity, and recognition decide whether users stay, click out, or convert.

The vio shapes; a circle a square and a triangle surrounded by a dashed line

Strategy before concepting

We started by aligning the Vio.com leadership team in a brand strategy workshop, clarifying positioning, audience signals, and what the rebrand needed to achieve.

From that foundation, we developed three distinct brand concepts to explore different ways Vio.com could show up in the travel market. Together, we tested each direction against real product contexts and chose the concept that best balanced distinctiveness with familiarity.

A collection of black square and circular containers. Inside are colorful circles, squares and triangles.Black hoodie with an embroidered Vio.com logoRed background showing off the font Circular font being used in a title, paragraph, numbers and glyhps

From a name change to a scalable brand system

A rename only works if the experience around it changes too. We designed the Vio.com identity to solve two business problems at once: increase recognition in a sea of similar travel brands, and ensure the brand can be applied consistently without slowing teams down.

Instead of delivering a brand book full of abstract rules, we built practical guidelines with real examples. How the brand behaves in UI components, how it shows up in campaigns, how it scales across placements and screen sizes, and how the system stays accessible while still feeling distinctive.

Brick wall with in between a black banner in a portait ratio. The banner displays the text: "Plus Members get even beter deals". And the Vio shapes

Identity decisions driven by usability and recognition

Many travel experiences are won in small moments: a search result, a listing, a comparison view, a retargeting ad. So the Vio.com identity had to work in high-density interfaces and tiny placements.

We designed a logo system that stays readable at small sizes and supports the decision to use the full domain name “Vio.com.” The shape language was built to be modular, so it could create structure in marketing assets and introduce subtle brand cues in the platform UI, without disrupting usability.

Blurred photo of a swimmingpool in the background with an interface card in the foreground showing a 9.2 review scoreAn interface card showing a bar chart the user can use to filter based on price.Interface with a map and information about a hotel offering .

Making the brand usable inside the product

The most important touchpoint was the platform itself: Findhotel becoming Vio.com. The challenge was balancing two things that often clash: introducing a new, confident expression, while keeping the experience familiar for existing users.

We translated the Vio.com identity into interface patterns and product design guidance that the team could apply across core areas of the UI. Not decoration, but system choices that support hierarchy, scanning, and clarity, while meeting accessibility standards.

3 cards horizontally next to each other showcasing various Vio UI elements.
3 cards horizontally next to each other showcasing various Vio UI elements.
Skyline background with an interface on the foreground showing a user selecting dates in a calendar.Beach background with a card on the foreground displaying a hotel offering.

Extending the brand beyond the screen

Because travel brands are built before users land in the product, we translated the Vio.com system into a wider set of touchpoints. Digital assets, content formats, and physical expressions like event and team collateral. This helped Vio.com show up consistently wherever trust is built: in campaigns, partnerships, and presentations, not only inside the platform.

A row of hotel offerings next to eachotherDark blue totebag with the Vio.com logo.An iphone laying on top of a wooden table top. On the phone is a hotel offer displayed.
A row of hotel offerings next to eachotherdarAn iphone laying on top of a wooden table top. On the phone is a hotel offer displayed.

Vio.com now has a clear, scalable brand system that can be applied across product and marketing without losing consistency. The team has practical brand identity guidelines, interaction principles, and a foundation built to perform in real product contexts. Most importantly, the Vio.com brand is designed to function inside the platform experience, enabling the team to evolve the product while keeping the journey familiar, clear, and conversion-focused for millions of users.

Let's talk

Next project

Spider Strategies

As Spider Strategies' digital partner for years, we focused on creating a cohesive visual language to design their flagship product.

Services provided

  • User research and testing
  • Brand identity
  • Design Systems

Revenue Increase

27% in the last year

Used by

500+ top organizations worldwide

Project management dashboard displaying a Gantt chart titled "Migrate Servers to Cloud." Tasks are listed with progress bars in green and red, marked with different completion percentages. The interface includes tabs for different project aspects.
A digital dashboard interface displaying a timeline for migrating servers to the cloud. Includes sections like "Visualization" and "Foundation." Colored progress bars in green, orange, and red track project stages and percentages.