Sabrina
Artist landing page for Sabrina Carpenter — designed in Figma, built in React.
A university assessment focused on redesigning an artist landing page. The brief was to design a prototype, build a component library, and develop the live page using those components.
Duration: 8 Weeks
Type: University Assignment
Scope: Prototype created in Figma, and a live site and accompanying component library developed in React.
I created the hero section image in Canva.
The "Tour" and "Shop" cards are included in the component library, which can be accessed by clicking ‘Docs’ in the top-right corner.
The website features animations built with SCSS and Motion. All buttons on the website are clickable.
Footer.
Landing page of the component library.
Typography.
Card with CTA button for the "Tour" section.
Responsive navigation bar.
Buttons.
Screenshot of the Figma page with developer notes. The animations were built using Motion and SCSS.
A small moodboard I created in the early stages of the project.