img-ce-loop_logo-51810ad5732b77c8d616f49331a7aa06-m@2x.jpg

The challenge

Whilst working at Native Instruments my team and I were asked to redesign the Looploft website within 4 weeks in order to increase conversion.

Here are some images of the website before the redesign:

Loop Loft Review_0906182.jpg
Loop Loft Review_090618.jpg

My Role

I led the UX Design and research effort within a cross-functional agile team.

Activities

Within four weeks I helped facilitate a Google design sprint with key stakeholders and development, recruited and tested prototypes with users, iterated on designs and worked closely with development to ensure quality.

Process Highlights

We began with a 5 day design sprint.

Google-Sprint2.png
IMG-3195.JPG
IMG-3236.JPG
IMG-3212.JPG

User Research and Competitive Analysis

research_findings_sprint_1_pdf.png
Product_Examples1_pdf.png

Sketching and Wireframes

IMG-3194.JPG
product_detail_v3.png
product detail_desktop.png

High Fidelity MockUPS and Clickable PrototypeS

Nav Instruments - Desktop 1.0@2x.png
thumb_Product Detail - Desktop 1.0@2x.png
MC Results C_with filters - Desktop.png
thumb_Buttons@2x.png
thumb_Product Detail - Mobile 1.0@2x.png

The Solution

We were able to design, test and iterate in a short amount of time and ultimately increased conversion.

Here are some of the changes we made based on user feedback:

  • A new consistent design aesthetic that felt “modern” and “familiar” to our users. 

  • Improved navigation prioritized by Instrument and Artist.

  • Improved product detail page with focus on being able to preview sounds before purchase.

  • Improved product listing page with new filter functionality.

  • We provided information throughout site explaining value proposition of the Looploft.

  • Research indicated users did not always know who our artists were so we provided areas to explain this within context.

  • Design system creation

The Result

2018-10-18-20-31-www.thelooploft.com.png
 
2018-09-07-15-36-www.thelooploft.com.png
2018-10-18-20-34-www.thelooploft.com.png