Blocks
Sidebar and icons
Other projects

Agorize Challenge Builder

UX DESIGN

DATE

July - November 2018

SOFTWARE

Sketch (+ Craft)

InVision

Principle

SKILLS

UX Design

UI Design

Event Tracking

Project to renew the internal CMS (Content Management System) at Agorize, an open innovation online platform, in which I did my internship at the end of my 2nd year of UX/UI studies.
The Challenge Builder offers to clients companies the opportunity to customize their challenge presentation page, through different blocks and pages to fill in: article, gallery, text … First of all, I proposed several new blocks: the accordion block or the timeline block, but also a redesign of the icons or a rearrangement of the existing blocks that were problematic.

Blocks

First, we received the return documents from the Product Alchemists (the PAs), they are the internal people within the company who use the Challenge Builder to help customers companies organize their challenger, in the admin side. These returns target problems on current blocks, such a display problems, non-aligned elements, image trimming … etc, but also requests for new features.

So with my internship supervisor, we analyzed all these informations and worked on improvments to the current blocks, but also on new ones. Both on the design part, visible by visitors to the site, but also on the admin part, accessible to companies and PAs to modify the challenge pages.

After an interview and test phase with the PAs manager, we decided to focus on the new Timeline blocks: to present the steps of a challenge, the new Accordion block: to display a FAQ and an improvement of the Article block: which presents an image and a text.

TIMELINE V1 AND V2

ACCORDION V1

The new column block was then transformed into an improvement of the article block for ease of use.

During the research for the Challenge Builder, we were asked for a moment to work on a much more innovative version. I then worked on an immersive version, where the visitor and admin sides are now one. The administrator could indeed modify the blocks directly from the challenge pages. Only a sidebar would still be present to modify certain parameters such as the position of the blocks.

For a few months, several versions of these blocks will then be released, interspersed with discussions, tests, and interviews with the PAs manager.
At the end of my internship, the Accordion block was in the final testing phase with all PAs and the other blocks were still in the development phase, in order to offer the very best versions to the customers.

TIMELINE BLOCK FINAL VERSION

ACCORDION BLOCK FINAL VERSION

ARTICLE BLOCK FINAL VERSION

I also worked on the Challenge Builder sidebar which displays the list of blocks on a challenge page (in the admin side). The current version only allows limited number of actions and is not very visual.

Then, I proposed a sidebar with a visualization of the different blocks thanks to specific icons. Each one is also placed in an area that can be moved with drag&drop to change the position of the block in the page.
As the versions and tests progressed, the blocks icons were purified and in the end, became nothing more than dots of color in the sidebar.

V1, V2, V3 AND V4 FOR THE SIDEBAR

Other projects

During my 4 months of internship I also worked on many other diverse and varied projects: the messaging of the platform error messages in connection inputs, challenge cards but also more technical subjects such as event tracking (Google Tag Manager and Analytics) or navigation (Hotjar).

Want to discover other projects?

Ticket Tac

BACHELOR PROJECT

Asie Online

UX/UI DESIGN

Back to works