Sabrina
Artist landing page for Sabrina Carpenter — designed in Figma, built in React.
A university assessment to redesign an artist landing page, inspired by her image, music, and upcoming album. The brief was to design a prototype, build a component library from it, and then 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.