TN

Bespoke Design System

Bespoke is a language-learning solution for heritage speakers of Cantonese & Mandarin. While building prototypes for Bespoke web and mobile apps with React and React Native, I was tasked with creating and implementing a design system with style tokens, CSS variables, and JavaScript objects. This case study is a walkthrough of my process while working on the challenge of bridging design in Figma with front-end development.

Purpose

Freelance Project

Type

Front-End Development

Timeline

2 months

Design Process

Other work

· When in doubt, assume the best · Think in win-win scenarios · What's naive today might be common sense tomorrow · Ask more questions · Do good in broad daylight · When in doubt, assume the best · Think in win-win scenarios · What's naive today might be common sense tomorrow · Ask more questions · Do good in broad daylight

TN
Design Portfolio
Built with Next.js. The code is available on GitHub.
© 2023-2024, Tim Ng