About Me
I'm a twenty six years old designer form Taiwan who recently got a master's degree from the Digital Media program at Northeastern University. My concentration of design are user experience, user interface, and interactive design. Or people may known as websites, applications, and platforms.
About Me
I'm a twenty six years old designer form Taiwan who recently got a master's degree from the Digital Media program at Northeastern University. My concentration of design are user experience, user interface, and interactive design. Or people may known as websites, applications, and platforms.
About Me
I'm a twenty six years old designer form Taiwan who recently got a master's degree from the Digital Media program at Northeastern University. My concentration of design are user experience, user interface, and interactive design. Or people may known as websites, applications, and platforms.
About Me
I'm a twenty six years old designer form Taiwan who recently got a master's degree from the Digital Media program at Northeastern University. My concentration of design are user experience, user interface, and interactive design. Or people may known as websites, applications, and platforms.
About Me
I'm a twenty six years old designer form Taiwan who recently got a master's degree from the Digital Media program at Northeastern University. My concentration of design are user experience, user interface, and interactive design. Or people may known as websites, applications, and platforms.
About Me
I'm a twenty six years old designer form Taiwan who recently got a master's degree from the Digital Media program at Northeastern University. My concentration of design are user experience, user interface, and interactive design. Or people may known as websites, applications, and platforms.
GuitarPUB Website
GuitarPUB is an 8 weeks Thesis project. My idea was to design a website that provides simplified format guitar sheet music. It is not only a tool but also a playground for intermediate guitar players. They can spend all day playing on our site or create their own playlist and bring on the stage.
# Website Design
Inspiration
Since I am really into playing guitar and sing, I spent lots of my free time going online and searching for tabs and sheets to play. Guitar tab is a simplified format of guitar sheet music for guitar players to read and play. It includes only lyrics and chords. There are quite a lot of websites that provide free tabs and sheets, but only a few will I go on frequently. However, I believe that they all still have some space to improve in the aspect of user experience. Visually, the layout, the fonts, and the overall look and feel can all be cleaner and more elegant, also more attractive to the target audience. In the aspect of navigation, some are fine but some are confusing. So, my goal is to make it clear and intuitive. And, most importantly, a well-designed content hierarchy could provide a better user experience. I would try to apply these design strategies in order to attract more users.
Common
Issues
Competitive Research
Unattractive design
Confusing navigation
Wrong content hierarchy
Unclear CTA
Bad user experience
Target Audiences
Audience Research
Primary
Guitar players, 50% male 50% female, with entry-level or above (know all the basic chords), but not doing originals, love singing, like to perform or create covers on Youtube. 80%
Secondary
Guitar companies, small start-ups, trying to target guitar players, interested in selling their product on our website. 15%
Tertiary
Guitar players who try to learn guitar online, probably high school or undergraduate students in guitar club, don’t really want to spend money on guitar lessons. 5%
High-level Goals
Product Strategy
Sign Up
The users can either go on the site as guests with most of the functions or sign up for our free account to become a member and enjoy the advanced features.
Get Sponsorship
Show the guitar companies that we share the same target audience and get them to sell their products on our site.
Sell
Show the fun and enjoyment of playing guitar and sell guitars or accessories to people who need them.
Personas
According to the research of the target audiences, I created three personas to visualize and concretize the primary and secondary audiences. In order to specify their goals, motivations, and pain points. So that I can put myself in their shoes and design empathetically.
DESKTOP
Wireframes
In the process of designing, I've learned the importance of wireframing. It is definitely worth spending the same amount of time as the visual design phase. According to the personas' goals and pain points, I emphasized the feature of recommendation, navigation, and CTAs (Sign in to enjoy the playlist).
LOW FIDELITY
HIGH FIDELITY
MOBILE
Wireframes
The primary audience of my website, the guitarists, will not only play at home. In some cases, there will be performances. So the mobile version of the website is also an essential part of the design process.
DESKTOP
Design
For the look and feel, I applied a dark background and different shades of purples to provide a "PUB" feeling. Since my target users are intermediate players who often perform on some casual occasions, pubs and bars are the most general places.
MOBILE
Designs
In the mobile version of the website, I kept the overall look and feel but rearranged the elements. Also, I adjusted the font size to fit the mobile screen size.
