Trove

Preview of Trove web app and marketing site

Roles

  • UX Design
  • Visual Design
  • Brand & Identity

Deliverables

  • User Interviews & Surveys
  • Competitive Analysis
  • Personas
  • User Stories & Flows
  • Brand & Identity
  • Wireframes & Mockups
  • User Testing & Design Iterations

Tools

  • Adobe Illustrator
  • Sketch
  • Balsamiq
  • InVision
  • UsabilityHub
  • Google Forms
  • GitHub

The Problem

talk bubble icon

Most of us are working collaboratively, and yet we’re saving and sharing content in many different ways. Time spent looking for the link you saved weeks ago and want to share with a co-worker should be time spent doing more of what you love.

talk bubble icon

The Solution

Results from user research and competitive analysis showed Trove could stand out as a service for both personal and business use where users could store any type of content. Users wanted Trove to be as easy as jotting a note down on pen and paper but also accessible across all devices, at any time. The result is a straightforward, friendly interface where content takes priority.

Discovery

A competitive analysis showed an opportunity for Trove to: be built for both individuals and teams, serve as a repository for all content types, and offer external collaboration for lower pricing tiers. User research showed Trove should focus on responsive design and include the ability to save notes and web content.


Three user personas represent Trove users. Susan saves tons of content on her phone during her commute and gets overwhelmed when sorting through it later. Kevin is always on the computer and is comfortable trying new apps but he’s still searching for the right one to keep both work and personal life organized. Brenda often writes notes for herself and saves links. She is looking for one simple place to store everything she wants to remember.


Trove features were prioritized by listing out tasks users want to take when they visit the website. A user flow diagram was used to make sure users have a seamless experience signing up and logging in, and for creating a first round of wireframes.

Trove user flows

Visual Design

Readable and humanistic typefaces were chosen to keep Trove legible on any screen size and to give a warm, approachable feel. Honeycomb shapes in the logo build upon the down-to-earth, pen and paper ease of the service and also represent collaboration. Trove’s color scheme is based on the creative energy and stability of green. The limited use of yellow adds a cheerful and friendly vibe.



Trove styleguide

Once user needs were defined and the styleguide was created, mockups were used for continued user testing. Add buttons and interactions were tested until Trove arrived as a fully usable, user-friendly interface. I also completed a mockup of a marketing site for Trove.



Trove web app mockup

Trove marketing site mockup

Conclusion

Trove accomplishes its goal to give users and collaborators one space to quickly organize and find content on any device. Through research, design, and user testing, an interface was developed that is straightforward and welcoming. Research and user testing was a crucial part of creating Trove. Users provided actionable feedback on button and menu placement that made the interface easier to use.