JUNG CHAO
Interactive Art Director
See My Work
About Me
UI/UX Digital Designer
I am a lead designer and strategic thinker with a passion for creating delightful user interactions. I seek to bring human connection and understanding to the projects I work on.
Wunderkind
Newsela
Custom Collections
Slalom
Ai for All
EgonZehnder
CDO Decoded
Blackmores
Good Health
Tenable
Halloween Ghouls
Product Website
Quiz
Infographic report
Microsites
Interactive Game
Copyright 2023 | Designed and built by Jung Chao
UI/UX Design
Branding
A quiz and digital branding for a consulting firm
Lead generation website for literacy-focused edtech startup
Multiple campaign pages for a leading vitamin brand
Interactive white paper for a leadership advisory firm
Strategy & game design for a cybersecurity company
Featured Work
Egon Zender CDO
Newsela Custom Collections
Slalom Ai for All
EgonZehnder CDO Decoded
Blackmores 2022 Product Website
Tenable Halloween Game
See it
The client was very pleased with the branding and animation design we brought to life. To meet the tight 3-week deadline, I also worked closely with the developer and a production designer to test different user scenarios in the process. We were able to overcome complex logic issues and develop a quiz with 27 customized results.
The Problem
The quiz posed a complexity in that it required us to display scores on each of the 9 industries' result pages. Our challenge was to enhance the quiz-taking experience by providing intuitive navigation, offering valuable results that contribute to customer retention. In addition, we were tasked with creating a distinctive digital branding that could be applied to their various campaign pages.
Result
Live Website
Next Project: Newsela Custom Collections
To show the significance of data, we designed "why this matters" button with popups to reveal key summaries.
2
Primary COlor
Accent COlor
Secondary COlor
sample text Styling
H1
Eyebrow
H3
Body
CTA
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
AI Maturity Accessment
Let's Chat
Take the Quiz
Digital branding for colors and typpgraphy and CTA buttons
Hero Illustration Sample
Logo lock up animation | Background texture animation
Custom illustrations and icons
Live page for AI for All Quiz
Art Direction Branding UI/UX Design Animation Design
Slalom, a global consulting firm, came to us to build a quiz for their new Ai for All website.
Credits: Production designer: Rebecca Gladstone Developer: Anel Danza Producer: Samantha Gambino
The Ceros team has an incredible talent for understanding the essence of a brand. This is the most exciting I've seen our brand come to life digitally!
Slalom Marketing Team
Solution
With interactive visuals we successfully showcased how Newsela turns news and latest content into standerdized student reading materials catered to every grade. Within the first year, there were 3 million increase in subscription due to the traffic through this microsite.
Newsela, an education technology startup with a strong focus on literacy, approached us with the requirement for a marketing page aimed at promoting their educational services to schools across the United States
Working with the content strategist, we brainstormed various interactive solutions to help viewers understand Newsela's competitive advantage. The client's primary goal was to highlight ease of use, so we incorporated a video and product demo to showcase the efficient product interface. Credibility was also a major concern, so I proposed a map with user scenario pop-ups to display how teachers across the U.S. are using Newsela.
By featuring a demo video we show how teachers can access a wide range of reading materials from popular publishing brands.
We chose a fun hip-check animation to demonstrate the benefits of the new digital reading platform over traditonal print textbooks.
An interactive map with pop-ups to show real case studies of how teachers are using the curriculum across the U.S.
Million
3
Increase in subscription
$
UX/UI Design Branding
Previous Project: Slalom Ai for All
Next Project: EgonZehnder CDO Decoded
The goal is to differentiate their new product, Custom Collections, from existing competitors. They needed a microsite with easy-to-understand visuals that speak to school administrators, while providing case studies and demos to demonstrate the value of the software.
Credits: Art Director: James Hu Producer: Michelle Cellini Strategist: John Lombard Production Designer: Anna Moran
Final product for Customs Collections microsite
The client utilized the visual direction we provided to design the PDF report. This white paper has received two awards: the 2020 Content Marketing Award for 'Best Use of a Whitepaper' and the Platinum Winner for Content Marketing at the 2020 Muse Creative Awards.
Egon Zehnder, the world's largest privately held executive search firm, approached us with their very first study of Chief Digital Officers to transform into an interactive website.
After workshopping with the client, we developed a visual concept using dots and lines to symbolize the talented community of CDOs coming together to share their wisdom with one another. To reduce page drop rates, I designed a red dot animation that continuously moves down the page as users scroll. Various hover states and popups were added to the infographics to entice users to hover or click for more information.
Impactful hero animation to grab the readers attention right away.
Credits: Art Director: James Hu Producer: Samir Abukhodair Production Designer: Sean McLaughlin, Anna Moran
UI/UX Design Infographics Design
Previous Project: Newsela Custom Collections
Next Project: Blackmores Good Health
Illustrative infographic that shows the data of the career interest from CDO to CEOs.
Quotes from CDOs and video interviews are planted along the way for users to discover.
A tab system to host sub topics and multiple infographics and not overwhlem the user.
1
Our challenge was to extract key data and insights from the 24-page report into easily digestible digital content, while also using animation and interaction to help readers find key takeaways easily.
To show the significance of data, I designed a "why this matters" button with popups to reveal key summaries.
Blackmores Good Health Campaigns
They used to depend on a traditional agency for print and digital design, but the process was slow, and the results were underwhelming. Our challenge was to design and build multiple campaign pages within a tight deadline and instruct the client's marketing team to maintain and update them independently.
Art Direction Branding UI/UX Design Design Management Client Management
Previous Project: EgonZehnder CDO Decoded
Next Project: Tenable Halloween Ghouls
We began by establishing digital branding with the first Blackmores campaign page, 'Good Health Changes Everything.' This is a national campaign that Blackmores is launching alongside a TV commercial, so we believed it was important to use this as a foundational product page that could establish the look and feel for the subsequent campaigns.
Next, we streamlined the workflow by deploying modules from the first campaign into other product pages so that we could scale more efficiently. See how design modules were scaled and reused by clicking through the tabs below.
x dwell time
Record breaking 3:43min average dwell time on Move page
microsites
Launched in 3 month with a small team of 2 designers
k
visitor traffic on Immunity Page
Pop-up module
Carousel module
Product module
Key points module
Key point hovers for the joint health campaign page
Key point hovers for the vitamin B campaign page
Product thumbnail module for Pregnancy Campaign
Product thumbnail module for Sleep and Stress Campaign
Auto carousel for Move Campaign
Manual carousel for sleep campaign
Popups for Bioceutical campaigns
Popups for Arthritis campaign
The client requested a more specialized campaign for their bioceutical product line. We were able to propose a new UI design that used the same UX patterns as previous campaigns while providing a more elegant and upscale branding for the product.
4
8
Credits: Design team: Dean Brady, Jesh Anies Producer: Samir Abukhodair
Blackmores, an Australian company with expertise in vitamins, was seeking an efficient solution for strategizing and designing their 8+ product microsites.
Tenable Halloween Ghouls
UI/UX Design Wireframing Illustratoon
Previous Project: Blackmores Good Health
Next Project: Slalom Ai for All
We began by imagining what a spooky cyber world might look like. What if, instead of a graveyard, the scene were set in a Tron-inspired sci-fi world? What if, instead of a haunted house, we depicted a tech company under attack? If security weaknesses were like ghosts, what form would they take? These explorations helped us develop a fun UI/UX solution for the game.
Vulnerability ghost illustration
Tron inspired scene
Office building decay process
Wireframe
Final product
K
13
Total interaction clicks
%
21
of visitors clicked on an outbound link
Our task was to brainstorm a game concept from the ground up, discover a distinctive art direction that bridged the gap between technology and the eerie, and craft an engaging, enjoyable experience that would resonate with their audience.
Tenable, a cybersecurity company specializing in vulnerability scanning software, approached us with a open-ended request for an interactive Halloween game to captivate their audience.
Credits: Production Design: Adrian Javier Scene Design: Chenwen Liang Producer: Samir Abukhodair Developer: Andrew McNally
The Halloween game became a hit among the client's audience, garnering thousands of inbound clicks from social media posts and marketing emails. This success enabled the client to engage with a broader range of potential customers at the top of the sales funnel. It was so successful that the game has been continuously reused and promoted every year since 2018. Last year, there was even a reimagined 'work from home' version, featuring a coder and his dog in his living room under attack by ghouls.
Hello.
My name is Jung (Pronounced "Young"), I was born and raised in Taiwan, moved to the US for grad school, and have called NYC my home for 13 years. I am an Interactive Art director proficient in web development with 9 years of experience in UI/UX design plus 2 years leading a team of designers to deliver award winning websites. When I am not working or wrangling my 2 kids, I love traveling around the world and learning about different cultures.
Art Direction UI/UX Design Web Design Accessibility Design Human-Centered Design Brand Development Brand Management Motion Graphics
Disciplines
Notable Clients
Lyft Workday Adobe
IQVIA Bristol Myers Squibb Cardinal Health
Tech
Tiffany & Co Ann Taylor American Greetings
Healthcare
Finance
Deloitte Mastercard Prudential
Education
Pearson Newsela Johns Hopkins
Retail
Real Estate
CBRE Balfour Beatty
Travel
United Airlines
Girl Scouts UNFPA Dallas Museum of Arts
Non-profits
Adobe Bristol Myers Squibb Cardinal Health CBRE Deloitte Girl Scouts Lyft Mastercard Prudential Tiffany & Co United Airlines
Work with me.
I am based in Jersey City (most ethnically diverse city in the states!). You can reach me via info below.
jungchaos@gmail.com (484) 707-6672
Softwares
Adobe XD Adobe Photoshop Adobe Illustrator Ceros Figma Microsoft Office
