YaHome
Interior Visualization & Digital Experience
A digital experience for a Ho Chi Minh City interior and architecture studio. It presents projects with a clean, modern, visual-first experience, and a CMS behind it keeps the work current.
- Role
- Product · Design · Engineering
- Client
- YaHome
- Year
- 2026
- Status
- Live at yahome.vn
01Overview
Project summary
YaHome needed a digital experience that could communicate its interior work clearly while giving potential customers a stronger way to explore projects.
I designed and developed the experience from structure to implementation.
Key deliverables
- 01Website
- 02Project showcase
- 03Interior gallery
- 04Responsive experience
- 05Content structure
02My contribution
What I did
I was fully involved in the project, from product planning to design and implementation. These are the parts of the work I owned.
Product
- Planning
- Architecture
- UX structure
Design
- UI / UX
- Visual system
- Interaction design
Engineering
- Frontend
- Admin CMS
- Implementation
Content
- Project structure
- Image curation
- Optimization
03The work
Key screens
A large image first, then a short explanation of why it looks that way.
01 / Project experience
A clear entry point for discovering YaHome's interior projects.
The homepage is structured around visual exploration rather than dense information blocks. Featured projects lead with photography, then a single line of type and year.
02 / Interior showcase
Every project and the studio story, in one visual language.
The projects index and the About page reuse the same cards, type, and photography rules, so a visitor moves between work and studio without relearning the page.
03 / Project discovery
Projects grouped the way clients think about their home.
Project information was reorganized into Apartment, Townhouse, and Other works, reachable from one mega-menu. It is easier to scan and to understand where a project belongs.
04 / Services & process
The path from first call to handover, written down.
Services and the six-step working process sit on the homepage, so a client sees what YaHome does and how it works before asking for a consultation.
04Design decisions
Why I built it this way
The key decisions behind the design and implementation.
- 01
Visual-first discovery
Interior projects are inherently visual, so imagery became the primary navigation mechanism.
- 02
Reduced information density
Instead of presenting every project attribute at once, information is revealed progressively.
- 03
Consistent project language
Images, typography, and project metadata follow one visual system across the site.
05Evidence
Proof of the work
The production site, live in the page. Scroll inside the frame, or open it in its own tab.
https://www.yahome.vn/
Open site06Outcome
Results
A unified digital experience for presenting YaHome's interior work. The final system gives a clearer way to discover, explore, and understand individual projects.
07Tech stack
Tools & technologies
What the YaHome website runs on.
- Application
- Next.js
- React
- TypeScript
- Tailwind CSS
- CMS & API
- tRPC
- TanStack Query
- Better Auth
- TinyMCE
- Data & media
- PostgreSQL
- Drizzle ORM
- Cloudflare R2
- Upstash Redis
- Delivery
- Resend
- Sentry