100
%
A big blue ball with the glare and the shadow on it.

Riff
Master

Internet store of the musical instruments
The 3d render of the brown electric guitar.The blue beam of the light.

Niche

Music

Services

UI/UX Design

SEO Optimization

Prototyping

Web Design

Adaptive Design

Graphic Design

Icon Design

As part of the web design pro course, there was a special task to create an internet store with the design of a catalogue of products. The niche is very specific — musical instruments for heavy music artists.

The goal of the project

For a user, who didn’t know anything about heavy music and wanted to buy any product during his visit to the site, can do this in several clicks. Also, after researching the field, I realize that most internet stores with musical instruments don’t have enough brutality and authenticity.

The description

I started my work with the analysis of the targeted audience, the competitors’ sites, and designing a user scenario. Then created the mind map with the site’s structure. These activities helped me to understand the amount of content needed for the project and the total volume of work. The next phases were the search for references and design in Figma.

Great attention I paid to the development of mobile design and creating the brand catalogue for the products, 64% of users observe internet stores from mobile phones.

The most challenging process was the design of the product cards. Hundreds of repetitive movements and iterative operations during the design of mockups. In the description of the products, I added SEO optimization for the copy. During the whole process, I was wondering how sexy electric guitars and drums can be :)

The mockup with the laptop with the hero section of the internet store on the display and the bass-guitarist standing near the laptop. The rock stage is on the background.

typography

and colors

Brand guideline for the internet store consisting of the logo, main used fonts and brand colors.

website structure

layouts

The tablet with the adantages section of the internet store on the display.The tablet with the hero section of the internet store on the display.The tablet with the electric guitars product cards for the internet store on the display.The layout of the web page with the acoustic and electronic drums.

product cards

The wooden stylized mockup of the guitar product cards with the small previews.

mobile design

A mockup of Iphone with the list of the rock brands preview.A mockup of Iphone with the amplifier product preview.A mockup of Iphone with the services cards preview.

Animation

Summary

The RIFFMASTER become an exquisite project with an excellent adaptive design for different devices. The exclusive product cards and well-designed catalogue improved the user experience. The website has its character and clear identity.

An office table with laptop, electric guitar and mug of coffee on it in a brown vintage style.