Jump to section

Jump to section

Jump to section

Jump to section

Summary

Taking design from 0 to 1

Taking design from 0 to 1

Product Design

Brand Design

Illustration

Mapt is a startup helping thousands of families turn college planning stress into success with accessible AI-powered advising. As a founding product designer, I had a hand in many parts of design including marketing, illustrations, branding, animations, and more.

Mapt is a startup helping thousands of families turn college planning stress into success with accessible AI-powered advising. As a founding product designer, I had a hand in many parts of design including marketing, illustrations, branding, animations, and more.

Skills

Skills

UI/UX design, graphic design, illustration, animation, you name it!
UI/UX design, graphic design, illustration, animation, you name it!

Duration

Duration

September 2023 - present
September 2023 - present

Software

Software

Figma, Adobe Suite, Customer.io, Rive, Lottie
Figma, Adobe Suite, Customer.io, Rive, Lottie

Branding

Branding

Laying the foundation

Laying the foundation

I was brought onto the team during a period of huge transition. The app was completely rebranding itself from Undecided to Mapt, and needed a fresh look.
I was brought onto the team during a period of huge transition. The app was completely rebranding itself from Undecided to Mapt, and needed a fresh look.

The Logo

The Logo

I drafted dozens of sketches. Most of them are “stream-of-consciousness” style - if I had an idea, I’d grab the nearest pen and paper to jot it down, and worry about being tidy later. Next was refinement - I took my best ideas and brought them to the digital world. I wanted to go beyond the standard book or graduation cap motifs. I explored themes of ascending, growth, wayfinding, and more.
I drafted dozens of sketches. Most of them are “stream-of-consciousness” style - if I had an idea, I’d grab the nearest pen and paper to jot it down, and worry about being tidy later. Next was refinement - I took my best ideas and brought them to the digital world. I wanted to go beyond the standard book or graduation cap motifs. I explored themes of ascending, growth, wayfinding, and more.

Concept sketches and iterations

Concept sketches and iterations

The final logo is a combination of a star and leaves, which emphasizes the key principles of Mapt - our goal is to have students is grow into stars, and we will be their north star in finding their future.
The final logo is a combination of a star and leaves, which emphasizes the key principles of Mapt - our goal is to have students is grow into stars, and we will be their north star in finding their future.

The basics

The basics

What’s a design system without the foundation? Beyond that, what’s a team without their core principles? I worked closely with the founding members and fellow designers to set the stage for our future design choices.
What’s a design system without the foundation? Beyond that, what’s a team without their core principles? I worked closely with the founding members and fellow designers to set the stage for our future design choices.

Interface design

Interface design

Shaping the app experience

Shaping the app experience

Working in close, real-time collaboration with our developers, we launched an overall rebrand and overhaul of our current features based on user feedback.

Each new feature redesign would begin with a brainstorm with the team, where we would discuss how to create the best version of the app based on analytics and feedback. Then, it would be passed off to me, where I’d map out flows and shape the UI.
Working in close, real-time collaboration with our developers, we launched an overall rebrand and overhaul of our current features based on user feedback.

Each new feature redesign would begin with a brainstorm with the team, where we would discuss how to create the best version of the app based on analytics and feedback. Then, it would be passed off to me, where I’d map out flows and shape the UI.

Roadmap made more engaging and motivating. Read all about it here!

Roadmap made more engaging and motivating. Read all about it here!

Added sorting and organization to college list, aligned with app design system

Added sorting and organization to college list, aligned with app design system

Discover courses are more imagery-based for greater engagement

Discover courses are more imagery-based for greater engagement

Illustrations

Crafting visuals at scale

Crafting visuals at scale

As the sole illustrator on the team, I was charged with creating any and all illustrations for the app experience. Thanks to the illustration system that I established, I was able to create quality visuals efficiently and consistently.
As the sole illustrator on the team, I was charged with creating any and all illustrations for the app experience. Thanks to the illustration system that I established, I was able to create quality visuals efficiently and consistently.

Discover course thumbnails

Discover course thumbnails

Courses are sorted into subjects, which use different primary and secondary colors for cohesion.

Courses are sorted into subjects, which use different primary and secondary colors for cohesion.

Spot illustrations

Spot illustrations

Sprinkled throughout the app whenever needed

Sprinkled throughout the app whenever needed

Animations

For extra delight! Made with Rive, After Effects, and/or LottieFiles

For extra delight! Made with Rive, After Effects, and/or LottieFiles

Marketing

Driving engagement

Driving engagement

I help out wherever I’m needed, which means I also occasionally create marketing collaterals. These are seen by thousands through channels such as Instagram, TikTok, LinkedIn, email, and more.
I help out wherever I’m needed, which means I also occasionally create marketing collaterals. These are seen by thousands through channels such as Instagram, TikTok, LinkedIn, email, and more.

Social media and merchandise

Social media and merchandise

Email campaigns

Email campaigns

Retention campaign sent through Customer.io

Retention campaign sent through Customer.io

Takeaways

Embracing growth

Embracing growth

This is a lot...

This is a lot...

I wanted to stay open and flexible to new things to learn all that I could. This meant that I’ve worked projects that require many different skills.
I wanted to stay open and flexible to new things to learn all that I could. This meant that I’ve worked projects that require many different skills.

... And we’re still going!

... And we’re still going!

Everything is a work in progress, and always subject to reworking and improvements. Though I’m happy with what I’ve made so far, the journey is far from over!
Everything is a work in progress, and always subject to reworking and improvements. Though I’m happy with what I’ve made so far, the journey is far from over!
Next project: Boosting retention and staying accountable ->
Next project: Boosting retention and staying accountable ->
Next project: Boosting retention and staying accountable ->

Let’s chat!

Say howdy at

kellyjincreative@gmail.com

Copied

kellyjincreative@gmail.com

Copied

kellyjincreative@gmail.com

Copied

Let’s chat! Say howdy at


kellyjincreative@gmail.com

Copied