01 / The challenge
Three houses.
More than three ways to stay.
I built a dedicated website so guests could book directly with Casa Cochimí, outside Airbnb, Vrbo, and other listing platforms.
Two of the houses can be booked whole or split into separate stays. Guests needed to understand which spaces, bedrooms, bathrooms, and amenities belonged to each option.
As a guest planning a stay, I need to compare the available options and understand exactly what each includes, in my preferred language, so that I can confidently book the right space.
02 / A new way of working
One project.
Distinct responsibilities.
I organized Codex chats like a small project team, with separate responsibilities for content, engineering, and design.
Bilingual documentation writer
English and Spanish documentation and wording.
Lead engineer
Implementation and technical questions.
Designer
Interface exploration and an initial design direction.
03 / Designing while building
A useful first draft.
Still a designer’s responsibility.
Codex gave me a faster starting point. I shaped the experience while we built the working site.
Refine the first draft.
Generated designs gave me something concrete to critique, redirect, and refine.
Design in the working site.
I could review the interface alongside the booking journey, from choosing dates to completing a reservation.
Keep the design consistent.
Codex introduced new fonts, icons, and styles. I learned to set stricter reuse rules and audit each iteration.
Make every stay option easy to understand.
I organized the journey around three decisions: compare the available stays, inspect the exact listing, and review the booking.
01 Compare the options
Room counts, key amenities, and prices help guests distinguish whole homes from smaller stays available for their dates.
02 Explore a specific stay
Photos and details belong to the selected listing, so guests can check its bedrooms, bathrooms, and amenities before choosing it.
03 Complete the booking
Guests enter their details, review dates, policies, and the estimated total, then continue to secure payment.
Example product screens. Availability and prices vary by dates and stay.
04 / Launch & measurement
Get it running.
Then learn from actual use.
I connected the live website to Google Analytics to understand how guests find it and where they stop in the booking journey.
What brings guests here?Traffic sources, organic search, and reach.
Where do they leave?Steps to investigate before the next iteration.
05 / Outcome & learning
A first phase launched.
A new way to make progress.
English and Spanish pages, live availability, and checkout—designed and built with Codex.
Visit the live website
Approximate delivery time from my project experience. Traffic and conversion results are not yet reported.
Three lessons I’ll take into the next project.
- 01
Define the guest’s decision first.
For Casa Cochimí, the task was choosing the right space. Organizing the journey around that decision gave the design a focus beyond how the pages looked.
- 02
Give AI a role and a shared direction.
Separate chats helped organize content, engineering, and design. I still needed to provide context and coordinate their contributions into one experience.
- 03
Set guardrails before the design drifts.
I learned to specify which fonts, icons, and styles to reuse, then audit each iteration. Those expectations belong at the start of the next project.
Codex helped me turn design decisions into a working business tool. My role grew to include directing the build, with the guest’s experience guiding the work.