Case study
Chu Lai
Chu Lai is a graphic designer working on event key visuals and decoration, motion design, packaging, social media and branding for brands such as Grab, Masan, ShopeeFood and Vietnam Airlines.
01Challenge
The portfolio held 29 event, key visual, motion and brand projects in one list, so visitors struggled to find the kind of work they were after.
02Solution
A categories collection in Framer’s CMS with every project assigned to one; the Projects menu opens the categories, each category has its own page filtering the projects, with previous / next category links; the layout finished for desktop, tablet and phone.
03Key features
- Event & Key Visual, Motion Design and Others managed in the CMS, each project assigned to one
- Projects menu: opens on hover on desktop, on tap on a phone
- Category pages filter the projects: two columns on desktop and tablet, one on a phone, previous / next category links
- A row of category buttons in the home page’s projects section; the back button returns to that section
04Delivered scope
3project categoriesCounted on chulaides.framer.website
29projects assigned a categoryCounted in the CMS at handover
3layouts: desktop · tablet · phoneCounted on chulaides.framer.website
Counted on the delivered website and the acceptance record.
05Scope & technology
FramerCategory CMSProjects menuResponsive layout




