Mapt Website
Mapt Website
Web Design
A redesign of the Mapt website, which is a startup focusing on making college admissions accessible through AI. The website serves as a key touchpoint for potential and current Mapt users, including both students and their families.
A redesign of the Mapt website, which is a startup focusing on making college admissions accessible through AI. The website serves as a key touchpoint for potential and current Mapt users, including both students and their families.
The Challenge
The Challenge
College admissions can be overwhelming and difficult to navigate. How can we design a website that feels welcoming and supportive while maintaining a confident, trustworthy tone that reassures users of its expertise?
College admissions can be overwhelming and difficult to navigate. How can we design a website that feels welcoming and supportive while maintaining a confident, trustworthy tone that reassures users of its expertise?
The Solution
The Solution
I designed a vibrant and interactive website that creates an engaging experience with a lighthearted tone. It aligns seamlessly with Mapt's existing brand identity and evokes the warmth and trustworthiness of a family-oriented college app.
I designed a vibrant and interactive website that creates an engaging experience with a lighthearted tone. It aligns seamlessly with Mapt's existing brand identity and evokes the warmth and trustworthiness of a family-oriented college app.
The Bones
The Bones
I established the basics of the design system, incorporating typography scale, grid structure, color palette, and components. This allowed me to design and implement quickly.
I established the basics of the design system, incorporating typography scale, grid structure, color palette, and components. This allowed me to design and implement quickly.
The Result
The Result
Interactivity
Interactivity
To engage users, I went beyond plain scrolling with a series of responsive blocks that users can hover over to learn more.
To engage users, I went beyond plain scrolling with a series of responsive blocks that users can hover over to learn more.
Walkthroughs