Giang Café
Brand website for a coffee shop — optimized customer experience, SEO-ready, fully responsive, and CMS-powered content management.
Scroll down ↓
Project overview
The challenge
Giang Café needed a new website to replace the old one — premium brand identity that works for real customers on every device.
- Legacy site with poor user experience
- Not responsive — hard to use on mobile
- Inconsistent brand identity
- Weak SEO, hard to find on Google
- No CMS — menu and content updates were painful
- Slow load times hurting bounce rate
Our solution
Research
Competitor analysis, customer behavior, and Giang Café brand story mapping.
Wireframe
Clear IA: hero → menu → story → gallery → contact.
UI Design
Editorial layout, coffee brown & cream palette, large type, generous whitespace.
Development
Next.js component-first, subtle Framer Motion, optimized media pipeline.
SEO
Metadata, schema, sitemap, Open Graph and internal linking from day one.
Optimization
Lighthouse 95+, lazy-loaded images, Cloudinary, Vercel edge deploy.
Design system
Consistent design language — typography, color, and reusable components across the site.
UI showcase
Each screen designed as an editorial page — large media, airy typography, clear CTAs.
Fullscreen hero with spatial storytelling and orbit navigation.
Drinks menu with photography-led layout and category filters.
Brand story with timeline and café space photography.
Masonry gallery with hover zoom and lightbox.
Contact form, Google Map, and opening hours.
Admin dashboard for menu, images, and dynamic content.
Responsive
Consistent experience on desktop, tablet, and mobile — adaptive layout, touch-friendly.
Features
Performance
Measured with Lighthouse — not promises.
SEO
SEO structure planned from discovery — not patched after launch.
- →Automatic sitemap.xml
- →Standard robots.txt
- →Schema.org structured data
- →Per-page metadata & Open Graph
- →Purposeful internal linking
- →Alt text on all media
Development process
Results
Client feedback
★★★★★“The new website helps guests recognize Giang Café brand in the first second — fast, beautiful, and easy to update the menu every week.”
