Role

UI Designer

Scope

Landing page, onboarding flow, illustrations

Status

Live

Outcome

Cohesive launch visuals and clearer onboarding that guided survey completion

Overview

Landing page support and onboarding illustrations

During my internship, I worked on two design tasks closely tied to user experience and brand consistency. Both tasks shared the same need for clarity across product and communication.

TrueProfit landing page preview
Project scope

Two design tasks

Task 01

Landing Page Support

Supporting the landing page design for trueprofit.io by drafting layout ideas and illustrations aligned with the brand system.

Task 02

Onboarding Illustrations

Redesigning onboarding illustrations to increase engagement and reduce skip rates.

Task 01

Landing Page Support

Problem

The TrueProfit marketing website required additional visuals to better showcase product value across its main pages. The design system and content were already prepared, but the project needed illustration and layout support to complete the visual design.

My contribution

From November until the website launch in January, I created illustrations for the Home and Features pages, drafted layout and illustration concepts for the Partners page, and ensured every illustration followed the established brand system and in-app onboarding style.

TrueProfit illustration keyword references
TrueProfit visual feeling references

01

Received the in-progress design file and content from the design team, then identified keywords for reference illustration and feeling.

02

Designed illustrations that matched the page structure and emphasized key product highlights.

03

Drafted the Partners page layout and produced illustration concepts to support its storytelling.

04

Iterated with feedback from the design lead and marketing team until final approval.

TrueProfit landing illustration outcome
TrueProfit landing page result
Task 02

Onboarding Illustrations

The existing onboarding flow felt disconnected from the branding on trueprofit.io. A high skip rate and low survey completion gave the internal team less insight, while the illustrations focused too much on UI decoration instead of guiding the UX journey.

TrueProfit onboarding problem

01

Brief & Goal Setting: Clarified KPIs to reduce skips and increase survey completion.

02

User Journey Mapping: Used an Empathy Map (Sees / Thinks / Feels / Does) to define what users experience before, during, and after onboarding.

03

Brand Alignment: Pulled assets from the design system and landing page to keep visual consistency across touchpoints.

04

Sketch → References → Final: Sketched rough flows, refined with references, then applied the style guide to finalize.

05

Feedback Loop: Shared drafts with the leader and developers, then iterated quickly on sketches.

06

Handoff: Exported assets in Figma with context notes for developers.

TrueProfit empathy map
TrueProfit onboarding journey map
TrueProfit brand alignment
TrueProfit developer handoff
TrueProfit onboarding illustration outcome

Outcome

Final outcomes

Delivered final illustrations for the Home and Features pages, produced layout and visual drafts for the Partners page, and contributed to a cohesive website experience for the January launch. The onboarding illustrations fit the brand identity, guided users through the flow instead of distracting them, and supported the goals of increasing survey completions and reducing skips.

Nov 2024 – Jan 2025: marketing landing page. Jan – Feb 2025: in-app onboarding illustrations.

Next projects

Keep exploring the work

Language Learning Apps — Enhancing Learning with UI & Motion

Next project

Language Learning Apps — Enhancing Learning with UI & Motion

UI improvements for top-rated learning apps on the App Store.

UI DesignMobile AppEdTechApp Store Graphics
Contact

Get in Touch

Excited to collaborate! Email me at phuongthuy101222@gmail.com or DM me on Linkedin