DISCUTO

A discussion & ideation platform with more than 20.000 users.

 
discuto_spacing.png

visual design / ux

top_spacing.png
 
discuto_top.jpg
 
 

THE CHALLENGE

As an already exisiting platform to discuss documents and ideas, Discuto had the objective to reborn and become the reference of the discussions tools market. For that, not only a full re-think of the platform was necessary, but also a new website, a new landing page and a new visual image.

 

THE WORK

As a member part of Proudsugar, my work on the project with Discuto was mainly in three areas:

-All visual design, including illustration, look and feel, iconography, video, physical products (posters)

-Work  on UX/UI, including analysis of the existing UX; storyboarding, sketching and wireframing of the new UX, and later prototyping of it.

-As well work on: Competitor & Customer research & analysis, Customer journey, Use Cases, Flows.

 

THE PROCESS & OUTCOME

Discussion & Ideation platform

The objective was improve the usability of the platform, in order to allow user discuss ideas and documents in a easy and effective way; and give to users an attractive framework to express their ideas.

The process started with test definition, in order to determine the objectives. After that, phases like competitors analysis, the customer journey or the customer personas, to arrive later to the Solution Research, which prepares the terrain to the storyboarding phase, and after that, to the structural UX phase.

 Ux analysis, customer journeys, story boarding, skecthing for new UX

Ux analysis, customer journeys, story boarding, skecthing for new UX

It was in this phase, that we arrived to the solution of create separates tabs between description and discussion. The first one would include the general info, timing, main description, latest activity of the people and works like high view. The second brings the user to the discussion itself, 100% focused on the paragraphs, comments, likes, etc. Of course, user can go easily to one to the other tab easily.

 
 
 
old_new_dis.jpg

 

The idea was offer to the user the proper and necessary information about the discussion and the best possible way to interact with the discussion; that means, an easy and fast access to the discussion itself and proper navigation and participation on. Once the user was on the discussion, user had to be able to do easily all the often actions (like see and comment the paragraphs) but also the non often actions (like see "further info"). 

All of this should be in a clear, readable interface as well appealing and visual.

Next video shows the behavior of the platform (for discussions):

 

Surely, the behavior of the platform for the differents devices and screens resolutions and the was taken into account:

discuto_devices.jpg

 

Along with the platform, the management interface was redesigned in order to provide user the proper ease to share discussion, manage and administrate all discussions and ideations.

 

Besides the improve of the platform with the commented aspects, gamification and onboarding were include too in order to increase the engagement of the platform.

onboarding_discuto_web.png

 

Website

With the website, the objectives were explain the features in order to allow user understand the product and give reasons to choose Discuto among the others options. A proper information architecture, clear and direct copywriting and a visual appealligness were key to reach these objectives.

 
 
 

Illustrations/Iconography/elements

Behind the illustrations style the idea was create something exciting, fun, easily adaptable in any kind of resolution and very communicational. Colors were chosen keeping the branding of Discuto, but adding differentiation and dynamism. The intention to show the appealingness in the illustration was again, show quality, to make the connexion that quality-worth-good working.

Related to the icons, clarity was the main objective but also keeping the style of the website/product in order to create a coherent and homogeneous experience.

illustra.jpg

Finally, work was made in different areas like social platforms, creating banners and adapting elements for use on, or the creation of signals and posters for use in the conventions and other meetings.

twitter.jpg
facebook.jpg
poster.jpg
top_spacing.png