STEPHEN PHANCreative Developer VI

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.

Client
Chu Lai
Industry
Graphic design
Product
Upgrades & care · Cards & personal sites
Platform
Framer
Country
Vietnam
Languages
English
Role
Upgraded the Framer portfolio: categories in the CMS, the Projects menu, category pages and the responsive layout
Main colours
Website
chulaides.framer.website ↗

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