Background

jovoto is the leading co-creation platform running mass ideation sprints with a global community of creatives.

With over 120 000 professional creatives, brainstorming ideas and concepts online can be challenging and rewarding at the same time.

Having more than 100 idea submissions per innovation sprint, it was often hard for the team to capture, compare, and spot the winning insight.

Old idea detail page

Understanding the challenges

As a first step, we started capturing all the insights around jovoto’s idea submission process.

Having in-depth interviews with sprint managers, clients, and creatives helped to make us understand the challenge.

Collected insights

Creatives
  • Pitching ideas can be a time-consuming process for creatives
  • Creatives felt in need to create as much content as possible as there were no requirements on how to present the idea
  • Winning a contest was putting effort into presentation rather than the idea itself
Challenge №1:

How might we create more fairness and reduced efforts when submitting ideas?

Sprint managers & clients
  • Evaluating 100s of ideas with an unlimited amount of pages is though
  • Ideas were often hard to understand as they were not following the classical problem → solution structure
  • Ideas were hard to compare, present and evaluate
  • Unable to print ideas
Challenge №2:

How might we make reviewing ideas more focused?

Defining a minimum viable solution

Using modern design thinking methods, we started creating a unique version of an idea template. Describing the idea on one screen or one A4-sized slide should be the new basis for every idea submission.

Setting measurable goals

  • Ideas are faster and easier to create
  • Ideas are easier to understand, compare and evaluate
  • Ideas can be printed

Testing our solution

To test our solution, we used a .pdf template, which we have sent out to creatives to be filled and then sent back to us.

Key learning

Certain projects need additional input from the creatives, which has to be attached to the idea.

A new idea submission process

Tackling the challenges and incorporating learnings during wireframing.

Designing new idea pages

User interface building blocks

12 column layout grid

Basic interaction elements

Text styles

Colors

Idea upload process

To enhance the overall user experience of the idea upload component and ensure a greater number of successful idea submissions we’ve made the following improvements:

  • Multi-step wizard - creates an easy to follow and fast upload experience, and enables us to guide the creatives with examples and assist with the tips
  • Idea completeness progress bar - keeps users engaged and provides feedback
  • Draft mode to allow creatives finishing their ideas later

Upload and edit your idea on any device

The new idea upload is more accessible - you can start uploading your idea on the go and finish later on your PC

Guiding creatives with tips

We’ve added tips overlays to the upload process - guiding users and helping them to structure their ideas

Additional input

Different types of additional input can be added to idea upload process, making resulting submissions versatile and more flexible

Viewing uploaded idea

A new idea view page has a dedicated idea canvas space, where contents of each slide are displayed - this makes each idea more compact and quickly scannable.

We’ve also added links to download idea’s source files and idea as an A4 formatted .pdf file.

Various slide layouts

Basic idea template including leading visual, target group, observation, conclusion, and solution

Optional slide - includes landscape image and short text caption

Optional slide with a portrait image and long text

A slide with plain text

Over 60 screens were made throughout the design phase

Launch

Feedback from creatives on the new idea upload and idea view pages was overwhelmingly positive, and the quality of submitted ideas has drastically improved.

Quotes from creatives
It’s an enormous improvement than before. The template helps you pitch your idea and makes it easy to understand/digest. The template is more structured; you can read and understand the concept faster. For most of the ideas, I didn’t have to browse all the slides because this new design allows you to understand the idea from the first slide.
It’s very effortless to see what I should focus on while posting the idea: where is the problem? (observation), what do I think about the problem? (conclusion) and what should I do to solve it? (solution).
The template helps to define the most critical thoughts and to avoid “water”.

Responsibilities

Sketching, high-fidelity prototyping, usability testing, user experience design, user interface design, user interface patterns, visual style guide

Tools used

Adobe Creative Cloud, Sketch, InVision

Pin a question - get an Answer, ForeWork initiative
Next

Building an online booking solution for activity operators

© 2020 Eduard Tihhonov.