Vikra | Projects
VIKRA BY PETRA VIDONJA

Husse

Industry: Pets

Client: Gamabit d.o.o., Software Development Company

UX & UI Redesign of CMS dashboard and e-learning platform of the company. Dashboard manages customers, orders and other tasks linked to users clients, as well as informs users about company news, events etc. Dashboard extends in a Campus - e-learning platform that offers videos and life trainings for users - distributors, franchisees etc.

Responsive image

PROJECT INTRO

TASK: CMS Dashboard and Online learning centre Research, Planning, Wireframing, UX & UI Design
ROLE: UX & UI Designer
TOOLS: Pen & Paper, Adobe Illustrator, Figma

DELIVERABLES:

  • Ideas on how to improve user experience
  • Task flows for new/changed functionalities
  • Low-fidellity Wireframes
  • High-fidelity Wireframes
  • Design System & Atoms
  • Final Mockups

MAIN PROJECTG GOALS:

Redesign the existing online application to create a Husse Global Team Centre that provides User-Friendly Task Flows and Interface.

With this digital transformation the business can pursue their business goals like:

  • increase trust and feeling of a supportive community for associates from multiple European countries,
  • increase percentage of more informer and educated team members about Husse company and product,
  • to finally increase productivity and sales.


Work process

1. PROJECT DEFINITION

Through first meetings with the Product Manager we found that the project has two parts:
PART 1. the e-learning online centre - Campus and
PART 2. a separate Dashboard that connects e-centre, CMS system, online database etc.

We decided to start with the e-learning centre, the part that had more challenges and also was a customers priority.

Responsive image

2. RESEARCH

RESEARCH GOALS:

  • Understanding what are different users needs in their everyday work for Husse, what tasks do users need to complete,
  • what information do they need to complete the tasks.
  • Generate ideas on how to increase Husse community/team use of CMS and e-learning platform

In this part I got to know the product and evalueted the challenges of each part of the project.

CHALLENGE: defining main guides and ideas to design two separate parts that work and feel as one uniform service.

Responsive image

METODS:

  • Background information - interviewed Project Manager, materials form stake holders, online research,
  • evaluation of existing CMR and e-learning platform.

3. PART 1 (CAMPUS) - RESEARCH ANALYSIS + PERSONAS, CHALLANGES, IMPROVEMENT OPORTUNITIES

In this part I recognised main Personas or Groups of Users and defined their need, expectations, motivations etc. and also recognise oportudities and generating ideas for improving User Experience.

Responsive image

4. PART 1 (CAMPUS) - DEFINING TASK-FLOWS, SCREENS & WIREFRAMEING

In this part, I defined the main screens and presented some ideas to the Project Manager and repeated the process according to our discussions, developer feedback etc.

Responsive image

5. DESIGN SYSTEM

Creating design system and assets based on House Corporate Identity Guidelines.

Responsive image

6. PART 1 (CAMPUS) CREATING SCREEN MOCKUPS

Final mockups for all the defined screens of e-learning centre - Campus, within each persona individual task flows.

Responsive image

7. PART 2 (CMS DASBOARD) - DEFINING & WIREFRAMING

The second part of the project was a Dasboard of a CMS System with a Campus insert.

Responsive image

8. PART 2 (CMS DASBOARD) - ASSETS

As a Base for creating Assets for CMS Dashboard I used Design System from PART 1 - Campus.

Responsive image

9. PART 2 (CMS DASBOARD) - CREATING SCREEN MOCKUPS

Responsive image

Customer opinion

Responsive image


Working on our projects with Petra was a very positive experience. She was very attentive to our needs, thorough in her planning and very consistent in delivery. We received a fresh perspective and functional ideas for our solutions that will be implemented based on her work. The final designs effectively integrate the needed functionality, a modern style, and the required graphic identity. Definitely highly recommend for any kind of UI and UX projects.

Nika DajĨman, Project Manager at Gamabit d.o.o.