• Concept
  • Web Design

Mocking by Jay Landing Page

Three variations of a full landing page design for a record label, in desktop and mobile format. Each landing page includes a hero section, about section, artists section, and call-to-action. Designed in Figma.

Three variations of the landing page featuring a silhouette of a performer facing an audience with lights, highlighting rap artist booking, music leadership, and roster details including artist Lux Dade.
Three variations of mobile views showing call to action for booking rap artists, artist roster featuring Lux Dade, and sections about the label's mission and collaboration offers.
Laptop on desk displaying a hero section with the text 'REAL ARTISTS. YOUR VISION.' and buttons labeled About Us, Book Artists, and All Artists.
Person wearing white sunglasses holding a phone displaying mobile hero section.

Process and Thoughts

Mocking by Jay is a record label focused on rap music. The brand's goal is to get people to book their artists for recording sessions and live events, and they want the tone to feel independent, urban, and chill, using a color palette focused on red and black. They also want the design to be minimalist and clean, not cluttered with images or photos. Their main call-to-action is to book artists for recording and/or events, but they also want to direct users to learn more about the label and their artists.

I decided to do three variations of the landing page, for personal practice and to offer options and ideas. I researched the designs of record label websites, gathering inspiration on content and layout. I sketched wireframes by hand to get an idea of layout, then created full wireframes in Figma, adding text to match the desired tone. I used three variations of a motif for background patterns, focusing on geometric shapes to ensure consistent patterns and match a clean interface. I picked a primary red color, then built out a grayscale palette for the remaining neutrals. Black is used for the background, white for text, and red for primary buttons or headings. As the brand stated they wished for artists to stand out, I picked typography that matches a loud personality, as well as images of artists that demonstrated energy and character. Then, I designed the full landing pages in Figma, combining the wireframes with the final color, typography, and images.

Three wireframes of the landing page, showing rough ideation of  grayscale and initial layout variations.
Color palette featuring a red swatch labeled #E4433B and five grayscale gradient squares. Typography includes the type faces Anton SC and Outfit.