Sunn Syndicate
A creative platform highlighting my endeavors as an artist.
Overview
Tools
Figma, Pencil & Paper, Markers,Google Suite
Roles and Responsibilities
User Research and Design of app; wireframe and prototyping.
Problem
The client (myself) needed a platform to house his creative pursuits as well as showcasing his Sunn Syndicate brand, selling merchandise and various products.
Solution
I created a website design that encapsulated his music and art in one place, and made it available for purchase straight off of the website.
Process
Discover
Client Requirements
How Might We notes
Define
Empathy Map
User Journey
User Flow
Ideate
Site Remix
Idea Sketches
Solution Sketch
Create
Paper Prototype
Wireframes
Digital Prototype
Discover
As a part of the curriculum for my UI/UX Design Program, I was tasked with reaching out to a client to design a website/app for a business or idea they had. I chose myself as a client and built out a platform that houses my music and art in one website, where users could also support/buy merch directly from the site. This is Sunn Syndicate.
Client Project Requirements
Why?: The client needs a platform to house multiple forms of expression through Music, Art and Writing…showcasing personal creations as well as others.
Who?: Users should be able to listen to music, view art, and buy merch directly from the website.
What?: There should be an Embedded Music Player for music to be played, a page to buy merch from, and a page to view previous artwork
“How Might We” Notes
After hammering out the project requirements, I created “How Might We” notes to pinpoint the problems and come up with potential solutions to those challenges faced.
Define
After finding the potential solutions to the challenges I faced, I went ahead and started the define phase. In this phase, I defined my user base by using empathy to map out potential feelings and thoughts that might influence the actions of said user.
Empathy Map
User Journey
Information Architecture
User Flow:
Ideate
After I defined the target audience and created the info architecture for my website, I went to sketching out ideas for the layout.
Sketches
I started off with a couple notes that turned into sketches so I’ll walk you through this process.
Spiritual and esoteric design
Music and art pages separated
Contact page w./ social media
Page for email input/ signups
Intuitive design w./ artistic approach
About page
Ideas Sketch:
Crazy 8’s:
These are the crazy 8’s created for the mobile version of the website.
User Storyboard Sketch
Solution Sketch:
This is the final solution sketch that I created for the desktop version of the website.
Site Remix
After I manifested the solution sketch I decided to make a site remix to create more layout options for the desktop version of the website .
Create
In the Creation Phase, I made a Paper prototype for the mobile version of the website highlighting the steps it would take to purchase music and art and what that may look like. I also created a mood board for aesthetic design inspiration. Some prototype screens at the bottom of this section.
