DiaTrust™ Project

OVERVIEW
JOB TYPE

Based in South Korea, Celltrion is a leading biopharmaceutical company, renowned for its focus on addressing unmet medical needs and enhancing access to high-quality treatments.

In response to the COVID-19 pandemic, Celltrion ventured into at-home self-testing, empowering individuals to manage their health proactively. As the lead designer for this crucial project, I led end-to-end design efforts for the DiaTrust™ COVID-19 Ag Home Test Kit, driving successful market launch and sales growth under FDA EUA authorization. 

Contract

TEAM

Project manager: Roy Park
QA lead: Bomin Park
Statistics lead: Boram Lee
Development: EchelonDx
Marketing: Null Object

Rectangle-4
Rectangle-9
Rectangle-21
Rectangle-26

Celltrion Safekey

Celltrion Diatrust™ COVID-19 Ag Home Test’s official companion app
View the Case Study here.

MY ROLES

CREDITS

TOOLS

DURATION

Creative Consultant
Product Design Lead

Screen designs co-designed by Carla Capriles
Illustrations by Akriti Agarwal
3D mockups by Manjinder Singh

Figma
Adobe After Effects
Adobe Illustrator

09.2021 – 02.2022

Celltrion SafeKey

Celltrion SafeKey is the official companion app for the Celltrion Diatrust™ COVID-19 Ag Home Test.
This app guides users through the test process and helps them report the results according to federal, state, and local regulation.

side-Rectangle-4
Rectangle-2
side-Rectangle-5

Select Screens

Test Device

Each test device comes with its own unique QR code and serial number. The user is able to proceed with the test sequence once the test device is verified. The app will prevent the user from taking the test if the test device is expired, or has already been used. 

Rectangle-5
Rectangle-6
Rectangle-8
An Animated Step-by-Step Guide

Utilizing animations, the app breaks down each step into easy-to-follow directions for the test. The screens below are specific to the pediatric usage flow, where the adults perform the test on children.

Confirming the Result

Many users in usability studies express confusion around reading the line results on the test device. This app shows all possible results from the start in which the user could choose from. There are many cases in which the 'T line' is faint, which makes users question if it is a valid line or not. As a frequent concern, the app shows  a clickable help icon stating 'The line is really faint, what should I do?'. Upon clicking the user is guided on how to clearly confirm their line result. After their selection, the user is also given a confirmation popup to check if the selected result is correct. They are also once more guided about reading faint lines to prevent as much false results as possible. 

Rectangle-24
Rectangle-25
Rectangle-26
Rectangle-27

Marketing Videos

ROLES

OTHER CREDITS

Internal Creative Lead
Storyboarder
Script Writer

3D rendering, animating, and editing by Agency Null Object
Null Object Creative Lead: Hansol Jang

There were two videos that we've released for the product. 

  1. Highlight Video: A video that captivatingly introduces the product to the viewers. 
  2. How to Use Video: A walk-through video showing viewers how to use the test.

After storyboarding, I wrote the script that verncularly described details, precautions, and the procedure of the product. Most importantly, I aimed to to deliver our branding tone of trustworthiness and encouraging the self to take control of one's own health. Once I casted the voice-over performer, I worked with them to ensure these points were delivered effectively and as intended. 

StoryBoard_How-to-Video

One-Pager

A clean and simple one-pager for distributors indicating that there are two boxes for the same product. 

It emphasizes that the components are the same and visually shows the only difference between the two boxes.

DiaTrust_One-Pager-about-2Boxes(for-Distributor-Use)_2022-01-28 reduced

Website

MY ROLES

CREDITS

Website Wireframer
Product Supervisor

Website design and copywriting by Null Object

diatrust-website (reduced)

Packaging Design

Original:
212300320910-e366e24a-2c21-42a1-8a02-3254ab93f1b7_314d459d-0f26-4ca6-8467-7108412f0554
Redesign:
family_font copy 2
Other versions:
DiaTrust (2T)_Diagonal_3D-Model (reduced_cropped)
2 TESTS
Pediatric (4T)_3D-Model (reduced_cropped)
4 TESTS
Pediatric_(25T Diagonal)_3D-Model(reduced_cropped)
25 TESTS FOR KIDS
B (angle01)_reduced
2 TESTS FOR KIDS