Client work

Chekin: designing for hotels and their guests

Chekin: Complexity into Clarity

How I designed the dashboard hotels run on, the guest app travellers open and the landing pages that sell the product, all on one design system.

How I designed the dashboard, the guest app and the landing pages of a hospitality platform, all on one design system.

Partnered with inspiring collaborators, innovators and brands.

Type

Client work · product design

Role

UX/UI designer

Scope

Dashboard, guest app and web

Tools

Figma and FigJam

11

landings designed

6

languages: ES, EN, IT, PT, FR, DE

3

surfaces, one design system

Context

Three surfaces, one product

Chekin is a platform for hotels. I contributed to the design of the dashboard managers use daily, the guest app and the web pages that sell the product. Everything here launched to production.

01

Dashboard

Settings, lists, critical actions and help text in one endless scroll.

02

Guest app

Check-in on the phone, with a QR to verify identity at the property.

03

Website

Every landing needs a clear role in the funnel, in six languages.

Dashboard

Remote Access: from one endless screen to clear tabs

Remote Access is how a hotel sends guests a virtual key, or sets a place to collect the physical one. Its settings had grown into one long page, so I reorganised them. Same content, better order.

Before

One long page

Doors, instructions, backup codes, opening hours and key settings, all stacked in a single scroll.

After

Three tabs

Locks, Schedule and Settings: content grouped by concept, with frequent tasks apart from the advanced ones.

I mapped the whole Remote Access flow, from adding the first lock account and door to opening hours, check-in and check-out times, backup codes and key generation, and prototyped it in Figma.

Want the full story? Read it on Medium

Guest app

One guest app, from check-in to the stay

Travellers open the guest app on their phone or on desktop to check in and to find everything about their stay. I worked on the home and on the flows behind it.

UI side

A clearer home

Check-in tasks, the chat with the host, virtual keys and guidebooks each have their own place, on desktop and on mobile.

UX side

The flows behind the home

The check-in flow, including the QR identity verification: scan the code at the property, then document and selfie. Plus the recommendations and a carousel variant of the guest portal.

Want the full story? Read it on Medium

Web

Eleven landings, one system

Each landing has its own role in the funnel, in six languages. Where a page already existed, I kept its visual identity and made it work harder. Four things mattered most.

01

Animation

Motion added to the pages, so they feel alive.

02

Visual identity kept

The changes build on the existing identity. It is not a rebrand.

03

Our own images

Stock photos replaced by images made from our own product.

04

Six languages

Planned from the start: ES, EN, IT, PT, FR and DE.

Before and after, page by page

Three of the landings already had a previous version, so I could show them side by side. The changes were not big: the visual identity stayed, and the difference is in what each page does with it.

And on mobile

Each landing was also designed for mobile, with the same structure and the same system.

Want the full story? Read it on Medium

Reviews

Reviews that adapt

I sorted existing reviews in FigJam by page and message before designing. It was content work, not user research.

Want the full story? Read it on Medium

01

Content first

Reviews classified before any layout.

02

One component

Layouts for 6, 4, 3, 2 and 1 reviews.

03

Six languages

Translated as part of the design.

Takeaways

What I take from this project

01

Know when to hold back

A new feature works best when it respects what exists.

02

Flows before screens

The whole journey first gives sturdier results.

03

Localisation is design

Planning for six languages avoids breakage.

Closing note

Chekin: Project across several products

Working at Chekin was my first time designing for several products at once: a dashboard, a guest app and a set of landing pages, all sharing one design system.


The dashboard is the part I enjoyed most, because it’s where I could bring order to something complex. Still, the landing pages kept me close to my more creative side, and I loved switching between the two.


It’s one of my most complete projects, and I’m really grateful I got to be part of it.

Next case

Hisparos — Design That Reassures

A professional translation service whose users arrive stressed and in a hurry. Seven landings built to reduce uncertainty.

Read case study

Read case study

Let’s turn complexity

into clarity.

Email

mariahernandezux@gmail.com

Social

Made with love by

©2026 Portfolio

Lets turn complexity

into clarity.

Email

mariahernandezux@gmail.com

Social

Made with love by

©2026 Portfolio

Let’s turn complexity

into clarity.

Email

mariahernandezux@gmail.com

Social

Made with love by

©2026 Portfolio

Create a free website with Framer, the website builder loved by startups, designers and agencies.