Vinyl Store Website Design
I want to make a website and give it an updated vintage design.
I also want to figure out a more interesting way to list all the records on this website.
Archetype - The Vintage Record Enthusiast
- Constantly looking for vintage records;
- Love vintage-style items and websites.
Vintage Record Enthusiast
I want to find a website where I can learn more about vintage records.
Motivation
- I want to know musicians from different genres;
- I want to know all the records from my favorite artists;
- I want to know detailed info on different records
- I want to know if there is any good record that I never heard of and I want to learn more about those records.
Situation/Opportunity
- Design a record website in vintage style to satisfy
the nostalgia of vintage record enthusiasts.
Frustrations
- I can find a good looking vintage style
website of records;
- I can’t find a website that shows me random records that I haven’t seen before.
Expectations
- The website shows users random records and provides them with info on those records;
- The website shows users their favorite artists and the work of those artists;
- The website should give a vintage vibe.
User Flow
State 1
Home Page
What made this possible?
User action
- Selection of record
- Click on menu option
What is possible?
Controls/options
- Menu
- Featured records content
Interactions
- View info on each record
- Go to State 2.0 Menu list
Content
- Featured records
- Menu
What made this possible?
User action
User clicked on the "Menu" option
What is possible?
Controls/options
- Artists
-Genres
-Events
-Merch
Interactions
- View info on each record
- Go to State 2.0 Menu list
State 2
Menu Page
Content
Menu options
What made this possible?
User action
View info on different artists & Pick an artist to see their records
State 3
Artists Page
What is possible?
Controls/options
User can click on the Polaroid films to see the info on the artists or go to the detail with selected artist's records.
Interactions
- Click on each artists’ image
to see more details;
- Click on artists’ name to
go to the next page (record page);
- Go back to home page.
Content
- Artist names
- Artist photos
- Artist info
- Home
- Menu
What made this possible?
User action
View info on different records & Pick an record to see more info
What is possible?
Controls/options
A list of records
Interactions
- Click on records;
- Go back to home page.
Content
Many records listed in a form of Polaroid photos
State 4
Records Page
What made this possible?
User action
User clicked on one record to see more info on it.
State 5
Detail Page
What is possible?
Content
- A list of images of the record;
- Information on the record;
- Other records released by the artist;
- Images related to the artist.
Interactions
- Click to see different images of
. the record;
- Scroll to read the page;
- Click to see other featured records;
- Go back to Home page;
- Go back to Menu page.
Final Design
