TuitionHero

Deliverables:

Brand Identity, Design System, Web Design

TuitionHero

Deliverables:

Brand Identity, Design System, Web Design

TuitionHero

Deliverables:

Brand Identity, Design System, Web Design

TuitionHero is a student-centric marketplace helping students compare loans, refinancing options, and credit cards — a process students often find confusing and overwhelming. I joined as one of two designers, leading the visual redesign and branding, and designing 40+ pages and user flows from the ground up.

TuitionHero is a student-centric marketplace helping students compare loans, refinancing options, and credit cards — a process students often find confusing and overwhelming. I joined as one of two designers, leading the visual redesign and branding, and designing 40+ pages and user flows from the ground up.

TuitionHero is a student-centric marketplace helping students compare loans, refinancing options, and credit cards — a process students often find confusing and overwhelming. I joined as one of two designers, leading the visual redesign and branding, and designing 40+ pages and user flows from the ground up.

The challenge

My role was to lead the visual direction — evolving an existing design system into a scalable library of 50 components and 12 patterns, and developing the branding and logo from scratch to give the product a distinct, trustworthy identity in a category where students often feel overwhelmed.

The challenge

My role was to lead the visual direction — evolving an existing design system into a scalable library of 50 components and 12 patterns, and developing the branding and logo from scratch to give the product a distinct, trustworthy identity in a category where students often feel overwhelmed.

The challenge

My role was to lead the visual direction — evolving an existing design system into a scalable library of 50 components and 12 patterns, and developing the branding and logo from scratch to give the product a distinct, trustworthy identity in a category where students often feel overwhelmed.

Team & Process

Working closely with a second designer, we held regular reviews to challenge each other's decisions and stay aligned on direction. We presented progress to the client twice a week, keeping the collaboration tight and iterative throughout the multi-month engagement.

Team & Process

Working closely with a second designer, we held regular reviews to challenge each other's decisions and stay aligned on direction. We presented progress to the client twice a week, keeping the collaboration tight and iterative throughout the multi-month engagement.

Team & Process

Working closely with a second designer, we held regular reviews to challenge each other's decisions and stay aligned on direction. We presented progress to the client twice a week, keeping the collaboration tight and iterative throughout the multi-month engagement.

For the color palette, we selected a very vibrant purple, green, and orange. We used solid colors in shapes to give an impression of friendliness and energy. Moreover, these energetic colors correspond perfectly with positive students' pictures. The typography in headlines is geometrical and gives an impression of professionalism which is essential in the financial industry. Colors, typography and geometrical shapes define a brand personality as a energetic and fresh. The whole key visual is friendly, inclusive and engaging, which makes it perfect for students.

For the color palette, we selected a very vibrant purple, green, and orange. We used solid colors in shapes to give an impression of friendliness and energy. Moreover, these energetic colors correspond perfectly with positive students' pictures. The typography in headlines is geometrical and gives an impression of professionalism which is essential in the financial industry. Colors, typography and geometrical shapes define a brand personality as a energetic and fresh. The whole key visual is friendly, inclusive and engaging, which makes it perfect for students.

In TuitionHero everything starts with an opportunity. We defined 5 geometrical shapes and each of them is meaningful and depended on the other. The most essential one is a shape that reflects the gate and symbolizes opening up for greater future opportunities. Having such opportunities it's easier to earn achievements (badge), provide security (circle) and pursue dreams (star).

In TuitionHero everything starts with an opportunity. We defined 5 geometrical shapes and each of them is meaningful and depended on the other. The most essential one is a shape that reflects the gate and symbolizes opening up for greater future opportunities. Having such opportunities it's easier to earn achievements (badge), provide security (circle) and pursue dreams (star).

Results

As lead designer, I built out the branding and evolved the design system into a library of 50 components and 12 reusable patterns — enabling our two-person team to deliver 40+ cohesive pages on schedule. The client was satisfied enough with the outcome to extend the engagement into a second project.

Results

As lead designer, I built out the branding and evolved the design system into a library of 50 components and 12 reusable patterns — enabling our two-person team to deliver 40+ cohesive pages on schedule. The client was satisfied enough with the outcome to extend the engagement into a second project.

SEE NEXT PROJECTS

Create a free website with Framer, the website builder loved by startups, designers and agencies.