Designing a platform for UI/UX Designers — a UX case study

Dito
5 min readJul 7, 2021

UX Camp

Designing a learning platform for UI/UX Designers

Project Overview

Problem : UI UX designers wannabe have a hard times to study and make their focus into one specific scope.

Solution : Designing a platform to support UI/UX designers for skill improvement and networking.

Impact : A high-fidelity prototype to meet the requirement for my product vision board

My Role : User Research, UX/UI Design, Branding, Prototyping, Usability Testing

Team : Personal Project

Product Vision Board

Make a product vision board after brainstroming with the stakeholders. I do some presumption and research to our target group, who gonna use our product based on our vision.

Discover the needs for customer, what they really want to need not just what they say. To support their needs, we need the features of the product.

Business aspects that we got from making this product is set on business goals.

User Interviews

I then needed to make my assumption to become a fact, paying attention about their behaviour day to day, the most relevant information about the correlation between the product and the participant also their pain points.

While these interviews generated many insights, i need to stood out the most priority problems for this MVP.

I interviewed three participant, which is one fresh graduate and the others are UI/UX Designer.

I made a gallery walk for my user interview result.

Affinity Mapping

After user interview i do affinity mapping to divide the insight of participant. From the data gallery walk, i divided user statements into four categories, which is user behaviour, motivation, frustration and consideration.

User Behaviour

Motivation

Frustration

Consideration

Insights & Deliverables

  • We have to pay attention for UX curriculum, to make user easier to understand the scope.
  • Divided curriculum by class, beginner-middle-expert (with different topic everyday)
  • There’s curriculum about apps or website review to teach user in giving a feedback and learn how to apply UI/UX in real jobs.
  • UI/UX challenge generator for user
  • Using website as the products
  • How does our platform does a good branding. (because user wants to get a job after done the course)
  • Price list information is given straight away in our page not when user wants to enroll.
  • Adjusting the price based on user type ( Fresh graduates>Parent’s expense>unemployee>minimal budget

Empathy Map

Based on affinity mapping and user interviews, i’m doing empathy map. To do this, i need to think like them, behave like them, feeling what they need. I position my self as user to define my problems. To define what i need.

Notes From Empathy Map

Fresh Graduate want to enroll for course to become an expert in particularly field especially technology to improve their career.

User Persona

I choose fresh graduates to be persona in this product because their potential to enggage with our product are more worth than the UI/UX ethusiast and non designer.

User Jouney Map

In journey map i found that user wants to have a clear information about the pricelist and the syllabus. Their goals basically are skill upgrades and get a job as soon as their graduated from bootcamp.

Wireframing

After i got the big picture about the product through my emphaty and define process, i begin to ideate the ideas into a design with some sketches and wireframes.

I found that user wants to a clear information which means that i have pay attention for the visual hierarchy. The accessibility also important for the product.

Visual Design

I aimed for highly trusted brands and the blue color reflect that.

‍I wanted the visual experience of UX Camp to feel warm and welcoming, while not distracting from the vast amount of functions hosted in the dashboard.

I’m using two types pairing Gelasio and Poppins, make a great combination for sans and serif. A clean and modern fonts is an obvious choice for this brand.

High Fidelity Design

Outcomes

Lessons learned, and where i go from here

To develop my design skills and more exploring in visual design. I found it hard for me to try different style because of lacking the experience.

Designing in efficient and accesible for user is notoriously difficult. I need to mastering the laws first before i break it, looking for creativity spaces. Try to understand the business side, what crosspath between business and users.

Working on a new product allowed me to think outside of the box and create the most user-centric experience possible. I’m deeply passionate about this problem space and worked tirelessly to reach a solution that would serve users making an impact, as well as (hopefully) the business as well.

Thank you for reading!

--

--