Consulting community

chevron-left
Back to overview
Project period
2024
Field
Consumer
Client
iknowly

A marketplace for professional 1:1 consulting

Expert Review
Workshop
Wireframes
Visual Design
Responsive Design

The start-up iknowly, founded by Taha Al-Taie in collaboration with the Startup Generator Stuttgart at HdM Stuttgart and funded by the ‘Exist’ scholarship, is developing a marketplace for mentors for the German market. Students, employees and jobseekers from all over the world can network with mentors and obtain customised advice for their own careers.

As a freelance UX/UI designer, I designed the website and web app for both user groups - end users and mentors - with a focus on a professional, modern look and responsive design for desktop, tablet and mobile.

Mockups of the user interface, arranged on Desktop and Smartphone

Expert review & kick-off workshop

An image of the expert review slide deck

In the first step in the project I conducted an analysis of the existing MVP from a usability perspective, using established heuristics. This gave the team initial starting points for improving the user experience and a neutral view of the status quo.

In a remote workshop, the project objectives were defined together with all key stakeholders, information on user groups and scenarios was gathered and initial preferences for the visual look and feel of the future platform were collected.

Conceptual design

The basic information architecture, navigation concepts and page structures were defined in the form of low-fidelity wireframes. Basic layout behaviour for different end devices and screen sizes was also taken into account at this stage.

A particular focus was placed on addressing different user groups with their respective goals:

  • End users seeking mentors, with a focus on filtering, the clear display of mentor profiles and a simple scheduling and booking procedure for mentoring sessions.
  • Mentors / Consultants, focussing on efficient profile creation, a clear presentation of appointments and communication with users, as well as setting up availability.
An overview of wireframe screens created for the UI

Visual design

The goal of the new design language was to create a professional, inviting and modern look for the German market. One principle was to bring content to the fore - for this reason, colours were primarily used in photos or status elements.

The responsive versions were also finalised in this phase to ensure an appealing presentation on all end devices. Colours, typography, styles and the individual components were documented in Figma for later development.

Mockups in the final visual designs

Validation

The design concept was validated in workshops with users of the various personas and usability weaknesses, suggestions for improvement and other requirements were identified. These and other validation rounds will help shape the future roadmap.

Example figma documentation screens
chevron-left
Back to overview