Singapore-based Designer · Open to Opportunities
Cheryl
Ee.
Multidisciplinary Designer & Visual Storyteller
I craft experiences that sit at the intersection of beauty and clarity — turning complex ideas into intuitive, visually resonant design. From brand systems to interactive interfaces, I bring stories to life with purpose and craft.
✦
+
★
Cheryl Ee · designer ✦
Core Skills
UI/UX Design
Brand Identity
Motion Design
Art Direction
At a glance
4+
years of experience
10+
projects delivered
12
cups of teh o ice consumed
"Design is how it works, not just how it looks."
— a guiding principleThe toolbox
Tools & Skills
The instruments I reach for every day — each one worn in, trusted, and well-loved.
Photoshop
Expert
Photo retouching, digital painting, compositing, and texture work for print and digital campaigns.
Illustrator
Expert
Vector illustration, logo design, icon systems, and scalable brand assets for any medium.
Figma
Expert
UI/UX design, interactive prototypes, design systems, and collaborative developer handoff.
Canva
Proficient
Rapid content creation, social media templates, and polished client-ready presentation decks.
Premiere Pro
Beginner
Basic video editing, trimming, and assembling branded video content and presentation reels.
UI / UX Design
Expert
End-to-end user experience design — from research and wireframes through high-fidelity interfaces and interactive prototypes.
3D Modelling
Intermediate
3D asset creation and scene composition for product visualisations, interactive experiences, and UI-adjacent spatial work.
Web Development
Expert
Building responsive, accessible, and performant web experiences — HTML, CSS, JavaScript, and React from concept to deployment.
WordPress / Shopify
Advanced
Custom theme development and store setup — from brand-matched storefronts to CMS configurations for client handoff.
AI Tools
Expert
Integrating AI into the design workflow — generative image tools, LLM-assisted copywriting, AI-powered prototyping, and prompt engineering.
Always learning. Always growing. ✦
Work Experience
Where I've been
A timeline of the studios, teams, and projects that shaped the way I design.
Freelance Designer & Developer
2023 — Present
Self-Employed
·
Singapore
Working independently across UI/UX, graphic design, web development, and e-commerce — delivering end-to-end solutions for startups, creative agencies, small businesses, and clothing retailers.
Freelance Web Designer (Shopify & WordPress) for a clothing boutique — built and customised the full storefront, product pages, and checkout experience to match the brand identity.
Freelance Graphic Designer — pamphlet redesign and menu redesign for F&B clients, balancing visual appeal with print production requirements.
Designed and shipped brand systems for 6+ clients across F&B, lifestyle, and tech verticals.
Led UI/UX design for mobile apps from concept through developer handoff using Figma.
Innovation & Collaboration Intern
Aug 2025 — Feb 2026
Capgemini
·
In-House Designer · Singapore
Supported Capgemini's innovation and co-creation initiatives by translating workshop goals, client needs, and concepts into clear, engaging experiences and visual assets — helping teams align faster and communicate ideas with impact.
Designed visual storytelling assets (slides, workshop canvases, one-pagers) to communicate concepts, flows, and outcomes clearly to stakeholders and clients.
Built facilitation materials and templates (journey maps, user story prompts, prioritisation matrices) to capture inputs efficiently and turn sessions into actionable outputs.
Supported experience design for innovation engagements by shaping end-to-end workshop structure, participant interactions, and engagement moments (online & offline).
Collaborated with cross-functional teams (design, strategy, tech) to iterate quickly, refine requirements, and ensure deliverables fit real client needs and constraints.
Bachelor of Fine Arts in User Experience & Game Design
2022 — 2026
Singapore Institute of Technology
·
Singapore
Specialised in UI/UX design for interactive products and games, combining user research, interaction design, and visual communication to create engaging experiences.
Developed end-to-end interactive prototypes and game systems (e.g., Unity-based mechanics, UI flows, and player experience design), translating concepts into playable, testable builds.
Produced a portfolio of multi-medium work spanning UX case studies, game UI, motion/interaction explorations, and iterative design documentation (wireframes → prototypes → final outcomes).
Want the full picture?
Download my résumé ↗
Selected Work
Featured Projects
Three pieces I'm particularly proud of
Concept Website
Interactive
ARCHON
A cinematic single-page experience exploring ancient craft and future technology — featuring a live Culinary Transmutation Engine with 36 hand-written recipe concepts.
C.
CARTA STATIONERY
Branding
Print
Carta Stationery
A full brand identity system for an artisanal stationery house — from logo to tactile packaging.
Studio
INVOICE
Total
$480
Editorial
Playful
Retro
Studio
UI/UX
Web App
Invoice Generator
A browser-based invoicing tool for freelance designers — live preview, 4 templates, Canva pricing presets, and one-click PDF export.
There's more where that came from
Open the Archive
Let's connect
Let's make
something
together.
Whether it's a new project, a creative collaboration, or just a friendly hello — my inbox is always open.
Cheryl E.
Multidisciplinary Designer
linkedin.com/in/etzrc
✏ tools
〰️
open
to work
✦
to work
✦
✦ All Projects
The Archive
Every project tells a story. Here are all of them.
UI/UX
Interactive
ARCHON — Ancient Intelligence, Future Form
Cinematic concept site with live Culinary Transmutation Engine.
View Case Study →C.
CARTA
Branding
Print
Carta Stationery Brand
Full identity system from logotype to tactile packaging.
View Project →Studio
INV
Total
$480
UI/UX
Web App
Invoice Generator for Creatives
Browser-based invoicing tool with live preview, 4 templates, and PDF export.
View Project →🖐️
Interactive
AI / ML
Hand Gesture Voting System
Camera-powered turn-based voting using MediaPipe hand tracking — open/close palm to cast votes.
View Project →
Interactive
Gesture UI
Hand Gesture Voting System
Turn-based voting via hand gestures — open palm to drop, close fist to grab. Camera-powered with MediaPipe & mouse override.
Open on CodePen ↗
UI/UX
Web App
FormCraft Dashboard
B2B form builder UI with drag-and-drop interactions.
View Case Study →L.
LOOM STUDIO
Branding
Loom Studio Identity
Brand identity and collateral for a textile design studio.
View Project →✦
Graphic Design
Brand
Nova App Visual Identity
Visual brand system and onboarding design for a productivity app.
View Project →⬡
Overview
A portal between eras
ARCHON is a self-initiated concept website demonstrating how immersive web storytelling, motion design, and functional interaction coexist in a single cohesive design language. It explores one question: what if ancient knowledge and future systems are dialects of the same intent?
The Brief
Design a portal. Every detail deepens the narrative.
Every motion, texture, and interaction had to reinforce a single idea — that ancient craft and future systems share the same underlying intelligence, waiting to be translated across time.
Colour System
Two palettes. One identity.
Warm ancient tones and cool speculative hues — chosen so every colour could belong to both a kiln and a data terminal.
Bone
Sand
Bronze
Holo
Violet
Teal
Typography
A call-and-response between eras
Cormorant Garamond
ANCIENT REGISTER · CEREMONIAL · UNHURRIED
SYNE SANS-SERIF
FUTURE REGISTER · CLEAN · SPATIAL · PRECISE
Site Structure
Six acts. One narrative.
Act I
Hero
Floating hex artifact, orbit rings, particle field, scan-line, staggered reveal
Act II
Philosophy
Live node diagram, four orbiting design principles, editorial prose
Act III
Relic Chamber
3D tilt on hover, animated glyph swap, tab selectors, orbit rings
Act IV
Transmutation Engine
Live generator · 36 unique recipe concepts · 5-step methods
Act V
The Archive
Portfolio-style collectible cards with clay-reveal hover effect
Act VI
Timeline & CTA
Temporal map 6000 BCE → Now, closing transmission
Live Interactive Demo
Culinary Transmutation Engine
Select one ancient method and one future technique, then hit Transmute. 36 unique combinations — each with a hand-written dish name, flavour profile, time estimate, and 5-step method.
⬡ Ancient Methods
Future Techniques ◈
METHOD
Key Interactions
Motion with purpose
1
Dual-layer custom cursor
Tracking ring scales and shifts colour on interactive elements
2
Parallax hero artifact
Float animation + parallax scroll offset on the hexagonal relic
3
3D tilt on hover
CSS perspective transform on the Relic Chamber with live scan-line
4
Scroll-triggered reveals
IntersectionObserver with staggered delay classes across all six acts
Deliverable
One file. Fully portable.
A fully self-contained single HTML file — no frameworks, no external dependencies beyond two Google Fonts. Every animation, recipe, and motion behaviour embedded. Responsive across desktop and mobile.
📄
Single HTML File
Zero dependencies · Pure vanilla JS
⬡
36 Recipe Concepts
All hand-written · 6 × 6 ancient/future matrix
✦
6 Acts of Motion Design
Parallax, scan-lines, particles, orbit rings
← Back to
Home
Next Project →
Carta Stationery
C.
CARTA STATIONERY
The Brief
Craft meets commerce
Carta is a Singapore-based artisanal stationery brand selling handmade journals, letterpress cards, and washi tape collections. They needed a brand identity that felt timeless, premium, and warmly personal — like receiving something handmade in the mail. Every touchpoint had to carry that same feeling of considered making.
Creative Direction
Tactile. Warm. Intentional.
The direction was rooted in the physicality of paper itself — its grain, its warmth, its resistance. Warm ecru tones drawn from aged parchment, a hand-modified serif wordmark, and a motif system inspired by bookbinding stitches and pressed botanicals. Nothing machine-made. Everything authored.
Design System
Colour · Type · Mark
Colour Palette
Parchment
#F0E4D4
Wheat
#D4B890
Chestnut
#7A5030
Walnut
#4A3020
Espresso
#2C1F1A
Bark
#8C7B5C
Wordmark
Carta
STATIONERY CO.
Wax seal mark
Typography
Display
CORMORANT GARAMOND · LIGHT ITALIC
Headlines, wordmark, packaging print
Body Text
DM SANS · REGULAR 400
Product descriptions, labels, UI
MICRO LABEL
DM SANS · BOLD CAPS · WIDE TRACKING
Tags, stamps, category labels
Live Brand Builder
See the System in Action
Choose a product line, a season, and a tone. The engine generates a live brand application — wordmark, tag, and social caption — showing how the Carta identity flexes across different contexts.
Product Line
Season
Tone
Product Tag
Instagram Card
Brand Voice
Everyday Journals · Warm & Quiet
The Everyday Journal
"Some days, the most important thing you can do is write something down. Not for anyone else — just to remember that you were here, thinking, feeling, making your way through it."
@cartastationery
Final Deliverables
What was shipped — rendered
Brand Guidelines
48-page PDF brand book covering logo usage, colour systems, typography hierarchy, motif library, tone of voice, and do's & don'ts across all touchpoints.
Packaging System
Gift boxes, tissue paper with botanical motif, product tags, wax seals, and branded kraft tape — all designed for small-batch, hand-assembled fulfilment.
Stationery Suite
Letterpress note cards, A5 noteheads, wax-sealed envelopes, gift enclosure cards, and branded tissue inserts — all print-ready at 300dpi in CMYK.
Social Templates
16 Canva templates — IG feed square, portrait story, reel cover, and Pinterest pin — in all five brand colours with locked typography and editable copy areas.
Reflection
What this project taught me
01
Restraint is a skill
The brief needed warmth, not loudness. Every element I removed made the remaining ones stronger.
02
Systems over single assets
A brand lives or dies by how well its parts relate. The tag, the seal, the social card — all had to feel like the same hand made them.
03
The physical informs the digital
Designing the packaging first gave the social templates their soul. The texture of paper translated directly into the aesthetic of the feed grid.
← Previous
ARCHON
Back to →
Home
Your Studio
INVOICE
Total Due
$640
The Problem
Built for accountants. Not designers.
Most invoice tools feel sterile and produce generic-looking documents. They don't account for how creatives actually price their work — by design size, revision rounds, and add-on services. The experience of invoicing rarely matches the quality of the work being invoiced for.
The Solution
A tool a designer would actually want to use.
A split-panel web app — fill out brand details, client info, and line items on the left while watching a live invoice preview update in real time on the right. Editorial typography, intentional spacing, and warm craft-forward aesthetics. Not a SaaS dashboard.
Working Demo
Build a real invoice.
Fill in the fields on the left — studio name, client, design format, quantity, extras, notes. The invoice preview on the right updates in real time. Hit export when done.
Your Studio
Invoice #
Client Name
Due (days)
Design Format
Quantity
units ×
$80
=
$160.00
Additional Charges
Discount (%)
Tax / GST (%)
Payment Terms / Notes
Cheryl Ee Studio
INVOICE
Billed To
Bloom Studio
Description
Qty
Amount
Instagram Post Design
2
$160.00
Subtotal
$160.00
Discount (0%)
–$0.00
GST (9%)
$14.40
Total Due
$174.40
Notes
Payment via PayNow or bank transfer. Thank you for your business!
Key Features
Everything a creative needs to invoice
18
Canva Size Presets
Instagram Post, YouTube Thumbnail, Presentation Slide, and 15 more — plus a custom size option.
4
Invoice Templates
Editorial Minimal, Playful Graphic, Soft Monospace Retro, and Contemporary Studio.
⚡
Live Preview
Split-panel layout — every field update reflects instantly in the invoice preview on the right.
🖨️
Animated PDF Export
A printer animation with paper sliding out and a progress bar before delivering a clean PDF.
Template System
Four distinct visual identities
Studio Name
$480
Editorial Minimal
INVOICE
$480
Playful Graphic
INVOICE #001
TOTAL
$480
Soft Monospace Retro
YOUR STUDIO
$480
Contemporary Studio
Tech Stack
One file. Zero backend.
The entire app runs as a single-file React component with no server dependencies. Everything — from live preview to PDF export — runs in the browser.
⚛
React
Component state, live preview binding
📄
html2canvas + jsPDF
Captures preview, exports clean PDF
🔤
Google Fonts
DM Serif Display, Instrument Sans, Space Mono, Playfair Display
Reflection
What this project taught me
The tool is part of the brand
How an invoice looks is a signal of how you value your own work. Designing this tool forced me to think about brand as a feeling, not just a logo.
UX and dev are the same conversation
Building end-to-end meant every design decision had to work technically. The constraints improved the design — the split panel emerged from the constraint, not despite it.
← Previous
ARCHON
Next Project →
Carta Stationery
✊
Grab
🖐️
Drop
MediaPipe · Turn-Based · Live Camera
Overview
Voting with your hands
A browser-based, turn-based voting system where participants use real physical hand gestures to allocate votes — no mouse clicks, no touchscreens. The voting board floats at the top of the screen and each participant takes a turn using their camera to interact with it. Mouse override is always available as a fallback.
The Interaction Model
Close fist to grab. Open palm to drop.
1
Turn begins
The active participant faces the camera. The board is visible at the top of the screen.
2
Close fist → grab a vote token
MediaPipe detects a closed-hand gesture and attaches a vote token to the hand position.
3
Open palm → drop it on an option
Opening the hand releases the token onto whichever option the hand is hovering over.
4
Next participant's turn
Turns rotate through all added participants. Results tally live on the board.
Key Features
What the system does
✊
Grab / Drop gesture detection — MediaPipe Hands tracks 21 hand landmarks in real time; fist vs. open palm is determined by finger curl angles.
👥
Add participants — any number of participants can be added before the session starts; turns rotate automatically through the list.
📋
Floating vote board — the board sits at the top of the viewport, always visible, with live running tallies updating as tokens are placed.
🖱️
Mouse override always on — clicking and dragging with the mouse works in parallel with gesture input at all times.
Technical Stack
How it was built
MediaPipe Hands
Real-time 21-landmark hand skeleton detection running entirely in the browser via WebAssembly — no server, no backend.
Vanilla JS + Canvas API
The vote board, token physics, and gesture overlay are all drawn on an HTML Canvas layer composited over the live webcam feed.
WebRTC getUserMedia
Camera feed accessed via the browser's getUserMedia API — no native app, no install, just a URL.
Reflection
What I was exploring
01
Body as interface
What happens when the input device is the human body? This project was a way to explore gestural UX outside of touchscreens.
02
AI in the browser
MediaPipe runs inference locally — no API call, no latency, no privacy concern. The fact that ML can run at 30fps in a tab still feels genuinely exciting.
03
Physical presence in digital space
Turn-based structure forces participants to be physically present and embodied. It changes the feel of a vote from a click to a deliberate act.
← Previous
Invoice Generator
Back to →
Home