Skip to content
← All projects

Cốc Cốc Website System

Redesigning Cốc Cốc's family of websites on one design system: 9+ sites, 120+ pages, one brand.

Role
UI/UX Designer
Company
Cốc Cốc
Year
2021
Tools
Design System Web Design Branding

Cốc Cốc had grown a website for every product, each built at a different time and looking like it. This project redesigned the whole system to a new brand direction, so that every site feels like the same company and gives users a better experience along the way.

Our six-person team built a design system first, atomic from type and spacing up to components, then worked with Marketing and Branding on a key visual: photos of young, lively people using the product, mixed with illustration. Everything lived in one shared Figma setup, which is how we got through 9+ websites and 120+ pages.

Redesign the website system: 9+ websites, 120+ pages, 6 members, one web design systemA wall of the redesigned sites, with the project overview and approach01, build a design system: typography, spacing, corner radius, buttons, icons and controls, based on atomic design02, visual concept: young people and a dog around a laptop, with playful 3D icons03, Figma and teamwork: the shared Figma project with a file for every websitecoccoc.com, the Cốc Cốc home page, which introduces the browser's featurescoccoc.comcoccoc.com pages on mobile and desktopcoccoc.com/search/about-usCốc Cốc Ad Platform, the site that introduces advertising on the Cốc Cốc browser to partners and customersqc.coccoc.comAd platform pages for mobile and desktop ad solutionsCốc Cốc Points, a loyalty program with games and rewards, on a laptoppoints.coccoc.comOther websites on the same system: Cốc Cốc Career, Value Card and Referralcareers.coccoc.com, valuescard.coccoc.com, referral.coccoc.comMuarenhat, a price comparison site, and Vòng quay Cốc Cốc, a lucky-spin rewards pagemuarenhat.vn, vongquay.coccoc.com