Digital Creative Director

Design That
Converts
& Captivates

Crafting high-impact digital experiences — from immersive UI/UX systems to motion-rich content and social campaigns that turn audiences into loyal customers.

UI/UX Design

Conversion-First
Interface

Campaign Results

+320% Engagement Rate

87+
Projects Delivered
3.2×
Average Conversion Lift
20+
Global Clients
98%
Client Retention Rate

Three disciplines.
One unified vision.

01

UI / UX Design

End-to-end product design rooted in user psychology and conversion science. Every screen is a strategic touchpoint engineered to guide, delight, and convert.

FigmaPrototypingUsability TestingDesign SystemsWebflow
02

Motion & Animation

Cinematic motion design that breathes life into brands. From micro-interactions to full-scale video productions — motion that commands attention and builds recall.

After Effects2D AnimationBrand Films
03

Social & Digital Content

Platform-native content systems built for engagement and virality. Scroll-stopping creative assets designed with algorithmic intelligence and cultural fluency.

InstagramTikTokCampaign StrategyAd CreativeContent Systems

Projects that
moved the needle.

UI / UX Design

Travel App UI Design

Motion Design

Product Intro Animation

Social Content

Insurance Referral Campaign

$2.4M
Revenue
94%
Satisfaction
Quarterly Growth

UI / UX Design

Greenhouse Gas Statistics Platform

Motion & Animation

The Shift Starts Now

Social Content

Brand Identity Post Series

A system built for
remarkable results.

01

Discovery & Strategy

Deep research into your audience, competitors, and conversion goals. We define what success looks like before a single pixel is placed.

02

Concept & Direction

Curated creative directions that align brand identity with business outcomes. We align on a singular, powerful vision before execution begins.

03

Design & Production

Meticulous craft at every stage — from wireframes and motion storyboards to final production-ready assets delivered at the highest standard.

04

Launch & Optimize

We don't disappear at delivery. Post-launch performance monitoring and iterative optimization ensure your investment continues to compound.

"Working with Qiss Media transformed how we present our brand digitally. The UI redesign alone drove a 240% lift in trial sign-ups within the first quarter."

— SARAH CHEN, CPO AT LUMINARY TECH

Let's build something
unforgettable.

Tell me about your project — I'll get back to you within 24 hours.

What are you looking to create?

What's your approximate budget?

How should I reach you?

Tell me about your vision.

Message received.

I'll be in touch within 24 hours — looking forward to it.

UI / UX Design

Travel App
UI Design

A personal travel companion app designed from the ground up — combining travel guide creation and diary journaling into one seamless experience that turns every trip into a story worth keeping.

Scope
Research · UX · UI · Prototype
Tools
Figma · Protopie · Maze

Every trip deserves to be remembered

Travel memories are too often scattered across camera rolls, note apps, and social platforms — fragmented, disorganised, and eventually forgotten. Wandr set out to build a dedicated personal space where travelers could write detailed travel guides, capture daily diary entries on the road, and look back on every journey as a cohesive, beautifully curated story.

Our design goal was simple: make recording feel as natural as the travel itself. Open the app, write the moment. Come home, and find your notes already shaped into a personal travel handbook — ready to revisit, share, or keep forever.

App Screens — UI Design Showcase
Home Screen
Home · Dashboard
Menu Page
Menu · Trip Selection
Travel Diary
Travel Diary Entry
Information Check List
Info · Check List
Budget Information
Info · Budget Tracker

Like writing in a journal, like flipping through a photo album

We anchored the visual design in the tension between analog warmth and digital efficiency — making the guide editor feel like a premium travel notebook where users can insert photos, pin locations, tag weather and mood, and even sketch hand-drawn maps. The diary mode is built around a timeline view, threading each day's footsteps into a living, scrollable travel story.

Colour Palette — Wandr Visual System
Primary Green
Amber Action
Ocean Blue
Deep Navy
Surface White
Soft Mint

Modular Guide Builder

Attractions, restaurants, transport, and budgets are broken into drag-and-drop card modules — making guide writing as intuitive as building with blocks, never starting from a blank page.

Instant Diary Capture

One tap opens today's diary entry, with GPS location and timestamp auto-filled. Travelers focus entirely on words and photos — the app quietly fills in the rest.

Timeline Journey Review

After every trip, diary entries, photos, and mapped locations are automatically woven into a visual timeline — a shareable or private personal travel handbook generated without any extra effort.

Full Offline Support

Both guides and diary entries work completely offline. Record freely on the road with no signal — everything syncs seamlessly to the cloud the moment connectivity returns.

More Work

UI / UX Design
Greenhouse Gas Statistics Platform
Motion & Animation
Product Intro Animation
Social Content
Insurance Referral Campaign

Next Project

Product Intro Animation
Brand Film

Motion & Animation Design

Product
Intro Animation

A motion-led product introduction that transforms technical features into a compelling visual narrative — making complex functionality instantly understandable and irresistibly watchable.

Scope
Motion Identity · Brand Films
Tools
After Effects · Cinema 4D
Keyframe Storyboard — App Logo Reveal Sequence
Frame 00
Frame 10
Frame 20
Frame 30
Frame 40
嗶乘車

Bringing student life one step further

EasyCard Pay (悠遊付) is a mobile payment app issued by EasyCard Corporation Taiwan, designed with students as its core audience. This motion project covered two key objectives: guiding new users through the account registration flow, and showcasing exclusive welcome offers tailored specifically for first-time student members.

Beyond onboarding, the animation highlights how the app integrates into everyday student life — from transit and campus payments to cashless spending — making daily routines more seamless, more connected, and more rewarding.

Motion Production — Video Stills
App Launch
App Launch Film
Wallet Feature
Wallet Feature Demo
Step Guide
Step-by-Step Guide
App Screens
Multi-Screen Showcase
Benefit Illustration
Benefits Illustration
Watch Full Film
嗶乘車 Campaign Film

Step-by-Step Registration Flow

The animation breaks down the onboarding process into clear, digestible steps — guiding new student users from download to first payment with zero confusion and maximum confidence.

New User Offer Showcase

Exclusive first-time member benefits are presented through energetic motion sequences — making promotions feel rewarding and immediate, not buried in fine print.

Student-Centric Storytelling

Every scene is crafted around real student scenarios — commuting, campus life, cashless spending — so the audience sees themselves reflected in the product from the very first frame.

Brand-Aligned Motion Style

Animation timing, colour, and character design align tightly with EasyCard Pay's approachable, youthful identity — reinforcing brand recognition across every touchpoint of the film.

More Work

UI / UX Design
Travel App UI Design
UI / UX Design
Greenhouse Gas Statistics Platform
Social Content
Insurance Referral Campaign

Next Project

Insurance
Referral Campaign

Social & Digital Content

Insurance
Referral Campaign

A social-first campaign built around the power of trust — inspiring existing members to invite friends and family to get covered together, turning personal relationships into the brand's most compelling acquisition channel.

Scope
Strategy · Content · Ad Creative · Analytics
Platforms
Instagram · Facebook · Line

The best referral is a friend who cares

Insurance has long been a category people avoid talking about — complex, impersonal, and driven by fear rather than connection. The brand had a solid product offering and a growing member base, but lacked a way to turn satisfied customers into active advocates who would genuinely invite the people they love to get covered.

The insight was simple: people trust friends over ads. We set out to build a social campaign that made referring friends feel natural, warm, and worthwhile — transforming every existing member into a potential brand ambassador across Instagram, Facebook, and Line.

Content architecture before content creation

Before creating a single asset, we built the system: a 9-post grid pattern that maintained visual coherence at the feed level, three content pillars mapped to different audience intent stages, and a weekly cadence that balanced organic reach with paid amplification.

Every TikTok script followed a proven hook-conflict-resolution structure. Every ad creative was built with three distinct cut-down ratios — 15s, 30s, 60s — optimised per placement from the moment of production.

Campaign Assets — Landing Page & Social Creative
Landing Page
Landing Page
Line 1040×1040
Line Post
Facebook 1200×628
Facebook Banner

Referral-First Creative Strategy

Every asset was built around a single emotional truth: inviting a friend to get insured together is an act of care. Visual storytelling centred on warmth, shared moments, and mutual benefit — not fear or obligation.

Multi-Format Asset System

Designed a unified visual system adaptable across Instagram, Facebook, and Line — with a dedicated landing page, square social posts, and wide banner formats all sharing the same campaign identity.

Reward Mechanics Visualisation

The "refer more, earn more" mechanic was brought to life through clear, engaging illustration — making the prize structure and participation steps immediately understandable at a single glance.

Platform-Native Execution

Each creative was produced natively for its platform — Line's square format, Facebook's horizontal banner, and the landing page's full-scroll experience — ensuring maximum visual impact without compromise.

More Work

UI / UX Design
Travel App UI Design
Motion & Animation
Product Intro Animation
UI / UX Design
Greenhouse Gas Statistics Platform

Next Project

Greenhouse Gas
Statistics Platform

UI / UX Design

Greenhouse Gas
Statistics Platform

An enterprise platform purpose-built for ESG compliance — helping organisations embed carbon management into every level of corporate governance, from facility operations to executive decision-making.

Scope
Research · UX · UI · Data Visualisation
Tools
Figma · Figjam

ESG commitment without visibility is just a promise

As ESG reporting becomes both a regulatory requirement and a boardroom priority, enterprises face a critical gap: emissions data scattered across facilities, suppliers, and product lines — recorded inconsistently, impossible to consolidate, and nearly impossible to act on. Management teams are being held accountable for carbon targets they cannot yet clearly measure.

The brief was to design a platform that goes deeper than reporting — one that embeds greenhouse gas tracking into the operational fabric of each business unit, making decarbonisation a data-driven management discipline rather than a compliance exercise.

Platform Architecture — Emission Tracking Dashboard
NAVIGATION
Overview
Facilities
Lifecycle
Scope 1 / 2 / 3
Reports
2,840
tCO₂e Total
−18%
YoY Reduction
94%
Data Coverage

From fragmented data to boardroom-ready insight

The platform provides a structured input layer for each management tier — allowing facility operators, sustainability teams, and product managers to independently log emissions across Scope 1, 2, and 3 categories. Every record is linked to a specific source, department, and reporting period, building a fully auditable and traceable emissions history.

At the analysis layer, all collected data is synthesised into interactive statistical dashboards — with trend analysis, reduction progress tracking, department-level breakdowns, and product lifecycle visualisations — giving leadership the clarity they need to set targets, allocate resources, and report with confidence.

Platform Screens — UI Design Showcase
Dashboard — 歷史排碳量分析圖表
GHG Dashboard
Step 3 — 類別重大性鑑別
Category Assessment
類別1 盤查項目填寫表單
Emission Input Form

Step-by-Step Inventory Flow

The platform guides users through a structured two-step process — first completing the emission inventory system, then filling out the audit checklist — reducing errors and ensuring complete data submission at every stage.

Category-Level Materiality Assessment

Each emission source across Categories 2 to 6 undergoes a value chain analysis to determine materiality — with Yes/No significance indicators helping organisations prioritise which emission types require immediate action.

Facility Equipment Logging

Category 1 inventory forms allow facility teams to log equipment-level data — including refrigerant type, unit count, fill quantities, and calculated emissions — with inline upload support for certification documents.

Historical Emission Analytics

The dashboard aggregates multi-year emission records into six category trend charts — with branch-level filtering and year-range selection — giving management a clear, comparative view of carbon reduction progress over time.

More Work

UI / UX Design
Travel App UI Design
Motion & Animation
Product Intro Animation
Social Content
Insurance Referral Campaign

Start a Project

Let's build something
unforgettable.

Motion & Animation

The Shift
Starts Now

A study of the inflection point between the world we know and the world technology is already building — where digital and life converge, and the decisions made today determine who leads tomorrow.

Scope
Concept · Storyboard · Animation · Sound Sync
Tools
After Effects · Cinema 4D

We are living at the threshold

There are rare moments in history when technology stops being a tool and starts being the terrain itself. We are inside one of those moments now. The convergence of AI, connected devices, and ambient computing is not approaching — it is already restructuring how people move, decide, communicate, and live.

The challenge is not predicting what comes next. It is recognising that the present is already the future arriving — and that the organisations, products, and ideas that acknowledge this shift today are the ones that will define the decade.

Production Stills — Dell × Intel · 數位未來 REALIZE
Opening — geometric form emergence
Workforce Transformation IT Transformation Global Connectivity Digital Explosion
Energy Core Formation 數位未來 REALIZE — 今日實踐 明日實現
Watch Full Film
Dell × Intel — 數位未來 REALIZE · 今日實踐 明日實現

From this moment, everything changes.

This work maps the inflection — the precise point where digital infrastructure and human life stop being parallel tracks and begin to merge. Not as speculation, but as observation: the signals are already visible in how we pay, how we move through cities, how we access healthcare, how we learn, and how we relate to one another. Today is not the beginning of change. Today is the moment we choose to see it clearly.

Life Becomes Interface

The boundary between physical experience and digital layer is dissolving. Spaces, objects, and interactions are becoming programmable — and the products built for this reality will not look like the ones we use today.

Intelligence at Every Layer

Decisions that once required human judgment are now being augmented, accelerated, and in some cases replaced by systems that learn in real time. The question is no longer whether — it is who shapes the values these systems carry.

Speed as the New Default

The pace of technological adoption has outgrown the pace of institutional adaptation. Organisations that still operate on annual cycles are already behind. The shift rewards those who can sense, decide, and move within the same moment.

The Present Is the Signal

Every technology that will define 2030 already exists in some form today — in research labs, in early products, in the behaviour of early adopters. The future is not hidden. It is simply unevenly distributed, waiting to be recognised.

More Work

Motion & Animation
Product Intro Animation
UI / UX Design
Travel App UI Design
Social Content
Insurance Referral Campaign

Next Project

Social Media
Marketing

Social Media Marketing

Social Media
Marketing

A full-funnel social media marketing engagement — building brand presence, driving audience growth, and converting followers into loyal customers through strategic content and paid amplification.

Scope
Strategy · Content · Community · Paid Social
Platforms
Instagram · Facebook · LinkedIn · TikTok

Presence without strategy is just noise

Most brands show up on social media — but very few show up with intention. Posting without a content strategy, audience insight, or clear conversion goal produces activity that looks busy but generates nothing of value. Follower counts grow slowly, engagement stays flat, and the business sees no return on the time invested.

The brief was to build a social media engine from the ground up — defining the brand's voice, content mix, and platform strategy, then executing it consistently across channels with the creative quality and strategic discipline needed to turn social presence into a genuine growth driver.

Every post has a job to do.

We built the strategy around a three-tier content model — Awareness content to reach new audiences, Engagement content to deepen relationships with existing followers, and Conversion content to drive direct action. Each piece of content was assigned a purpose before a pixel was placed. Organic content was paired with targeted paid amplification, ensuring the highest-performing creative reached the audiences most likely to act.

Audience-First Strategy

Deep audience research — behaviour patterns, platform habits, content preferences, and peak engagement windows — formed the foundation of every strategic and creative decision, ensuring content was built for the people it needed to reach.

Content System & Calendar

A structured monthly content calendar across awareness, engagement, and conversion pillars ensured consistent publishing cadence, seasonal relevance, and creative variety — without sacrificing brand coherence across any touchpoint.

Paid Social Amplification

Top-performing organic content was identified early and amplified through targeted paid campaigns — using lookalike audiences, interest-based targeting, and retargeting funnels to maximise reach and drive measurable conversion outcomes.

Performance & Iteration

Weekly performance reviews tracked reach, engagement rate, link clicks, and cost-per-result across all channels — feeding insights back into the content and targeting strategy in real time to continuously improve output quality and efficiency.

More Work

UI / UX Design
Travel App UI Design
UI / UX Design
Greenhouse Gas Statistics Platform
Motion & Animation
The Shift Starts Now

Next Project

Brand Identity
Post Series

Social & Digital Content

Brand Identity
Post Series

A cohesive social content system built to express a brand's visual identity consistently across platforms — turning every post into a recognisable, scroll-stopping piece of the larger brand story.

Scope
Visual Identity · Content Templates · Copy Direction
Platforms
Instagram · Facebook · Line

Brand identity lives or dies on social

A brand's visual identity doesn't end with the logo and brand book — it has to survive the speed of social media, where every post competes for attention in a fraction of a second. Inconsistent creative, mismatched tones, and off-brand imagery erode the carefully built identity that offline marketing has established.

The brief was to design a modular, scalable social content system that any team member could execute — maintaining strict visual coherence while allowing enough flexibility to respond to timely topics, campaign moments, and platform-specific formats without ever looking off-brand.

Campaign Work — Social & Digital Creative
小額壽險保障 — 安心守護家人
小額壽險保障 — 安心守護家人
陪你一起打拼 — 住院手術保障
陪你一起打拼 — 住院手術保障
保險充電站 — 互動活動
保險充電站 — 互動活動
TTL 台酒生技 — 葉黃素軟膠囊
TTL 台酒生技 — 葉黃素軟膠囊
永豐銀行 × MITSUI OUTLET PARK 聯名卡
永豐銀行 × MITSUI OUTLET PARK 聯名卡

A visual grammar for every post

We developed a brand post template system built on three content pillars — Brand Story, Product Feature, and Community Engagement — each with its own visual treatment, colour logic, and copy structure. Templates were designed in Figma with editable text layers, swappable image zones, and locked brand elements, enabling fast production without compromising brand integrity.

Three-Pillar Content System

Brand Story, Product Feature, and Community posts each follow a distinct visual language — making the content mix feel intentionally varied while remaining unmistakably from the same brand.

Editable Template Library

A full Figma template library covering square, portrait, and story formats — with locked brand elements, swap-ready image frames, and pre-set typography — reducing post production time by over 60%.

Colour & Typography Discipline

A strict colour rotation system and typographic hierarchy were defined for social — ensuring every post reads instantly as on-brand regardless of which team member or designer produces it.

Copy Direction & Tone Guide

Beyond visuals, a social copy guide defined the brand's tone of voice for each content pillar — from the warmth of community posts to the precision of product descriptions — giving writers a clear brief every time.

More Work

Social Content
Insurance Referral Campaign
Motion & Animation
Product Intro Animation
Social Media Marketing
Social Media Marketing

Start a Project

Let's build something
unforgettable.

Let's Talk

Book a
Discovery Call

Tell us a bit about your project and we'll find a time that works. No commitment — just a conversation.

What kind of project is this?

How can we reach you?

Anything else we should know?

Request sent.

We'll be in touch within 24 hours to confirm a time.