MJ Collection
A dark-luxury hospitality page serving two audiences at once — travelers booking stays and owners looking for property management.
- My role
- Designer and developer.
- Built for
- Food & hospitality
- Project type
- Hospitality landing page
- Built with
- Next.js · React · Tailwind CSS · Framer Motion
The story
What problem existed, and what we built.
The problem
A short-term rental brand has two completely different visitors with two completely different asks, and most sites pick one and lose the other.
What I built
One page with two clearly separated paths, so a traveler and a property owner each find their own route without either being buried.
What it had to achieve
- Serve two audiences without diluting either
The customer's experience
A traveler browses stays; an owner finds the management path without wading through traveler copy.
What customers can do
- Browse the collection
- Explore experiences
- Speak with a concierge
The owner & staff experience
Inquiries from both audiences arrive identified as such.
What the business can do
- A separate path for property owners seeking management
How it works
Architecture & integrations.
How the application, data, access controls, and connected services work together.
One page, two journeys
The split is structural rather than a toggle, so neither audience has to opt into being understood.
Design decisions
The choices that shaped it — and why.
Restraint carries luxury
Deep neutrals, champagne accents and generous space. Luxury reads as confidence, and confidence is quiet.
How it was built
Development process
- 1Built to a two-audience brief with scroll-driven motion
Technical overview
Technology & implementation
Technology stack
- Next.js
- React
- Tailwind CSS
- Framer Motion
Implementation scope
Designer and developer.
Related projects
You might also want to see
Pop That Pantry
Pre-launch site with an owned subscriber list · Client project
popthatpantry.comA food brand's pre-launch page built on the client's own brand system — with a subscriber list she owns outright rather than rents from a marketing platform.
Read the case study
Howard Wealth Planning
Practice website with a client portal · Client project
howardwealthplanning.comA financial planner's public practice site with a private client portal and advisor workspace behind it — documents, homework, check-ins and messaging in one place instead of an email chain.
Read the case studyWant something like this for your business?
Tell me how your days go and what you'd like to stop doing by hand. I'll tell you honestly what would help.