CellCarta · 2025
Case Study

Digital

Communication

& Content Design

A digital communication system for the 2025 CellCarta Connect Challenge — spanning WeChat OA invitation, mobile landing page, and reusable content templates, unified by a single visual language across all touchpoints.

Role
Visual Design Intern
Client
CellCarta
Context
Valtech Internship
Timeline
Spring–Summer 2025
Process Note

The key visual was developed through an AI-assisted concept process. I translated the brief — a biotech event balancing scientific credibility with engagement — into a set of visual priorities, then used GPT and Midjourney to iteratively refine the direction. The final KV was adapted across the landing page and all OA touchpoints.

Role
Visual Design Intern
Main designer for digital communication deliverables
Client
CellCarta
Biotechnology / life sciences company
Deliverables
Digital Content System
OA, landing page, templates, event visuals
Timeline
Spring–Summer 2025
During Valtech visual design internship
Design Challenge

The central challenge was making biotech-related event communication feel credible, clear, and visually engaging without becoming decorative. CellCarta's materials needed to balance scientific authority with approachability — the kind of trust that comes from structural clarity and careful hierarchy rather than visual complexity.

A further challenge was maintaining visual consistency across formats that serve very different functions: an OA invitation poster that drives awareness, a landing page that explains the event and converts registrations, and a reusable article template that accommodates ongoing content. Each format has its own hierarchy logic and viewing context, but all needed to feel like one system.

My Contribution
Mobile-First Content Structure
Designed the landing page as a three-layer mobile experience — event context, speaker credibility, registration conversion — with clear hierarchy and progressive disclosure suited to WeChat Mini Program viewing.
Brand Translation
Interpreted CellCarta's brand guidelines into practical digital touchpoints: color treatment, typeface application, layout grid, and icon system adapted for both OA and landing page contexts.
Template System
Designed a reusable WeChat OA article template in two color variants (red and blue), with defined zones for header, body copy, emphasis, and footer — structured for team reuse and ongoing content publication.
Detail Refinement
Iterated on footer structure and contact icon treatment based on client feedback, improving clarity and accessibility across bilingual layout variants.
01

Landing Page

& Registration Flow

A mobile-first event page covering the full user journey — from event context and speaker lineup through to registration. Structured in three layers: event overview, speaker & agenda, and registration form.

9:41
Full Landing Page
Event Overview

Event title, date, location and theme — immediate context for the user.

Speaker & Agenda

Speaker profiles and topic listing — credibility and content layer.

Registration Form

Registration form — the conversion layer, accessible via CTA.

Mobile-firstEvent Landing PageSpeaker LineupRegistration Flow3-Layer Architecture
02

WeChat OA

Content System

Designed the event invitation poster and a reusable WeChat OA article template in two color systems — red and blue — for pre-event communication across CellCarta's official channel.

Invitation Poster
9:41
Event Invitation
OA Article Template — Red
DRAG TO SCROLL
Header Zone
Cover image 332×189 + title overlay
Title
PingFang SC Medium 16px · #9B1D45
Body Copy
PingFang SC Regular 12px · #33363A
Text Emphasis
Underline style · #9B1D45
Footer & CTA
QR code + contact block
OA Article Template — Blue
DRAG TO SCROLL
Header Zone
Cover image 332×189 + title overlay
Title
PingFang SC Medium 16px · #5068C4
Body Copy
PingFang SC Regular 12px · #33363A
Text Emphasis
Underline style · #5068C4
Footer & CTA
QR code + contact block
WeChat OAInvitation PosterArticle TemplateTwo Color SystemsReusable System
Reflection

CellCarta reinforced something that holds across most client work: the hardest part of digital communication design isn't making things look good — it's making information feel trustworthy at a glance.

Designing a reusable template — rather than a one-off layout — required thinking about how other people would use the system. That shift from "what looks right" to "what works consistently" is one of the more useful things this project taught me.

System Thinking Over Single Assets
Designing a two-color template system rather than individual layouts required considering reusability, editorial flexibility, and future content — not just the current brief.
Mobile Hierarchy is a Structure Problem
On a small screen, hierarchy isn't about visual weight alone — it's about sequencing. Landing page structure had to guide the user through context, credibility, and action in the right order.
Brand Consistency Across Digital Formats
Maintaining the same brand feel across an invitation poster, a landing page, and an article template taught me how much small decisions — spacing, icon weight, type size — carry when repeated across a system.
CellCarta · Digital Communication & Content Design