Tulip is an e-commerce app for a boutique furniture outlet.  It uses AR technology to help people visualize the products in their environment. 

Project Overview

Tulip's mission is to give the customer an innovative mobile experience while shopping for their next piece of furniture or decor.  Their collection spotlights pieces by contemporary dutch designers while maintaining a global scope.  They allow their customers to preview each piece in their home or office using the latest Augmented Reality technology.  Welkom!

Design Process

Over the course of four weeks, I used a human-centered design methodology to determine how the Tulip app could be optimized to give its customers a fun and intuitive experience.

Research and Competitive Analysis 

AR furniture apps are becoming more common, but the technology that drives them is still in its infancy.  This means that the design patterns that govern our interactions with these apps are somewhat fluid, and can differ from company to company.  With that in mind, I set out to address the needs, wants, and frustrations of the user in the hopes of building an enjoyable and intuitive app that operates within the current limitations of the medium.  I looked at 4 direct and indirect competitors for analysis in addition to conducting user interviews.

Outcome of Interviews

My previous job allowed me to connect with lots of people working in and around furniture/interior design.  Talking to them gave me some great insights and helped me sketch out some provisional personas.  Everyone expected fast delivery and discount prices, but were willing to pay more for limited production runs.  Below are the major commonalities.

Establishing the User

By combining the key attributes of the people I spoke to, I was able to create a persona I could refer back to while designing the app. This was a great help, and made me half-wish that I could combine people in real life to expedite projects ;)  Below is the persona I developed.

Ideation

Here's where I start to think about how this app is going to take shape.  In order to do so, I need to define some design patterns for myself, especially because are aren't really any industry standards yet.  I'm not quite an army of one, though, as there are quite a few apps for me to reference as starting points.

Information Architecture (App Map)

I like saying "app map" out loud.  I like seeing them even better.  This was an an important exercise for me, and helped me to establish a practical, navigable framework which I could base my wireframes off of.  

Design Patterns

Now that I've established a conceptual framework for Tulip, I can dive a little deeper into setting up some specific guidelines for myself vis-a-vie design patterns.  Here, I've created a "Do and Don't" chart which converts my research into actionable points that I can incorporate into creating Tulip.

Wireframing

Can something be familiar and unique at the same time?  That's what I was tasked with building, but I had to start somewhere.  My initial goal was to develop a legible framework for an e-commerce experience. These lo-fi wireframes are a result. 

 My thought is that what makes an environment "unique" extends beyond the variety of items a site offers, and considers how those items can be combined and configured.  I tried to keep this in mind as I worked on fleshing out higher fidelity versions of Tulip.  I also wanted it to look minimal, but friendly, and with a somewhat tech-y vibe.

UI Kit

Prototyping (First Draft)

Prototyping (Final Revisions)

Try out the prototype in InVision by clicking  the image below.
Screen Shot 2020-03-22 at 6.13.27 PM.png

© 2020 by Kit Rosenberg

  • Instagram Social Icon