all work
collaborative

collaborative
photography

role

UX Designer

Web Developer

software

Adobe XD

Photoshop

Illustrator

Github

languages

Elm

HTML

CSS (BEM)

duration

2.5 years

problem

There is currently no solution to manage and collaborate on photos as a small, private group, in one place.

objective

To find a cross-platform solution that allows users to manage and share their photos with others in a secure space.

solution

A consumer web, iOS and Android app focused on photo management, creative collaboration, elegant UI, and ML-assisted workflows.

initial research

All initial project research was led by myself and one other designer, with some help from our two design interns. Our process primarily consisted of:

  • Find internal research docs involving collaboration and photography
  • Meet with internal teams that work in the consumer or photography space
  • Conduct a competitive analysis across photo sharing applications
  • Create journey maps and personas to identify user pain points and wants
  • Receive feedback on initial prototypes from other designers
  • Hold internal user testing sessions

Our initial research began with meeting 10 potential users to learn about their interactions with photography and sharing methods. We compiled ourkey findings into one document for reference. Our first pass concluded with two trips to Portland, OR where we met with photographers who walked us through their photo curation and sharing workflows. All interviews were filmed and compiled to guide future design iterations.

Key findings included:

  • Users want a "one stop shop" to upload, manage, share and interact with photos
  • No easy, intuitive way to share photos across differing tech levels, operating systems, and devices
  • Users want to know their photos are safe and easily shared to small, private groups

version one

personas

I worked with two other designers to create 10 personas under 3 different photography use cases: wedding photography, soccer parents, and friends on a trip together. The full persona document is here.

Manticore personas page 1Manticore personas page 2

journey map

Manticore journey map

user flows

Instadobe collaborative user flowHoliday card collaborative user flow

site map

Manticore site map

wireframes

Wireframe 1Wireframe 2Wireframe 3

web screens

One other designer and I collaborated to create an initial outline ofdesign guidelines and brand traits. Key descriptors: minimal, integrated, inherently social and inclusive. Brand traits: approachable, encouraging, organized and expert (but not superior).

Web screen 1Web screen 2
Web screen 3Web screen 4
Web screen 5

mobile screens

Mobile screen 1Mobile screen 2Mobile screen 3
Mobile screen 4Mobile screen 5

version two

whiteboarding

After finishing the first iteration of prototypes, I spent 2 days with the Director of Enterprise App Design, who gave feedback and led brainstorming sessions. We walked through designing for the First Time User Experience (FTUE) and how to know when a product is "good enough" for V1 shipping.

Ideas on where to go:

  • Adopt a more thorough UX process (include usability testing in every milestone)
  • Innovate in the collaborative space (curation, multi-user editing, easy sharing)
  • Start designing animations and delightful micro-interactions

A more thorough summary of our time together is here.

Whiteboarding session 1Whiteboarding session 2
Whiteboarding session 3

web screens

V2 web screen 1V2 web screen 2
V2 web screen 3V2 web screen 4
V2 web screen 5V2 web screen 6
V2 web screen 7V2 web screen 8
V2 web screen 9V2 web screen 10

development

I started on the team by assisting with fairly simple UI changes in the codebase, and later became one of 2 engineers implementing the final UI redesign and all ongoing feature development. The live web application can be found here. We had a "soft shipment" in February 2019 with a release to all employees and their friends and family — over 500 signups in the first month with very positive feedback.

back to top

Site under maintenance — check back soon.