Works Info
← Back to All Work

CURATOR — Branding & Hardware Assets

Defining the visual identity, motion language, and launch experience for a spatial content platform and its hardware ecosystem.

Role
Creative Director & Motion Designer
Brand identity, motion design, launch animations, hardware UX, documentation
Duration
4 months
Tools
After Effects, Lottie, Blender, Photoshop
Team
Web Tsai Platform Director
Jafee Cho Product Manager
Product by

A product with no face

CURATOR had grown from an internal tool into a commercial hardware-software platform — digital frames, 3D displays, and a content management system — but it still lacked a cohesive visual identity. The logo was a placeholder, the hardware boot sequence was generic, and there were no branded materials to support sales, onboarding, or retail presence. Every customer touchpoint felt disconnected from the premium positioning the product deserved.

The challenge was to build an entire brand system from scratch in four months — not just a logo, but a living identity that would animate on hardware screens during power-on, guide users through app onboarding, introduce the product through video, and support sales teams with polished documentation. Every asset had to work across digital displays, mobile apps, print materials, and web — a rare breadth for a single design initiative.

0
existing brand assets when the project started
5+
hardware products needing branded boot and launch sequences
3
audience segments (B2B buyers, end users, retail. partners) requiring tailored materials

Building identity from the inside out

Brand Discovery & Positioning

I started by mapping the competitive landscape of digital signage and spatial content platforms, identifying where CURATOR's identity needed to differentiate. Through stakeholder interviews with the product and sales teams, I established three brand pillars: spatial intelligence, gallery-grade elegance, and effortless management. These pillars would guide every visual decision from logo geometry to animation easing curves.

Logo & Visual System

The CURATOR logo was designed as a modular mark — a geometric form that references both a digital frame and a curated grid layout. I developed a comprehensive visual system including typography pairings, a color palette that works on both light UI and dark hardware screens, iconography, and layout principles. Every element was tested at hardware-screen resolution and print scale.

Motion Design & Hardware Integration

I designed and produced the power-on animation sequence in After Effects and exported via Lottie for seamless hardware integration. The boot animation tells a micro-story — from geometric abstraction to the CURATOR wordmark — in under 3 seconds. I also created the app launch animation, loading states, and transition choreography that give the software a premium, branded feel across every interaction.

Documentation & Launch Materials

I designed the user manual and app manual with clear visual hierarchy, inline illustrations, and bilingual support. The introductory video was produced in Blender and After Effects, combining 3D product renders with motion graphics to communicate the CURATOR ecosystem. All materials were optimized for both digital distribution and print production.

The choices that defined the brand

Brand Strategy 01

Modular mark over monolithic logo

A single fixed logo wouldn't survive the range of contexts CURATOR needed to appear in — from tiny hardware bezels to large retail banners. I designed a modular mark system where the core geometry adapts to context while maintaining instant recognition, allowing the brand to flex without losing coherence.

Motion Design 02

Lottie-first animation pipeline

Rather than rendering boot animations as video files (heavy, inflexible), I built the entire motion system in Lottie format. This let the engineering team integrate animations natively into both hardware firmware and mobile apps, with runtime control over timing, color, and sequence — future-proofing the brand motion for product evolution.

Documentation 03

Visual-first manual design

Traditional hardware manuals are text walls that nobody reads. I designed the CURATOR manuals as visual-first documents where illustrations carry the instruction and text provides context. This approach reduced translation costs, improved comprehension across markets, and established a documentation template the team could maintain independently.

From zero to full brand presence

40+
Branded assets delivered across digital, print, and hardware
100%
Hardware products updated with branded boot sequences
3s
Power-on animation — the first branded moment users experience

Building a brand system from absolute zero in four months required ruthless prioritization. I focused on the moments that matter most — first impressions (boot animation, unboxing), daily touchpoints (app launch, loading states), and sales enablement (intro video, manuals) — and let everything else derive from these anchor assets.

The biggest insight was treating hardware screens as brand surfaces, not just functional displays. The power-on animation became the product's signature moment — the equivalent of a luxury car's startup sound. This thinking elevated CURATOR from 'software on a screen' to 'a designed experience from the first second.'

Explore the CURATOR brand system — logo construction, motion sequences, and documentation templates.