Logo

Elevating user experience& boosting conversions

REVAMPING THE TDM WEBSITE


UX / UI DesignFigma ToolWebsite
banner

PROJECT OVERVIEW

Bridging the digital skill gap through exceptional UX.

This website redesign aims to create a modern, user-friendly platform catering to both B2B and B2C clients. It will connect and train individuals such as graduates, undergraduates, ex-forces, and returners coming from various backgrounds, with a focus on closing the digital skills gap.

  • The objective was to:
  • Build and update the existing website
  • Evaluate competitors and list the most important features
  • Identify and make global changes, such as those needed for navigation, menu, footer, etc
  • Build the website with a quick turnaround and implement regular update

OUR APPROACH

Based on initial research and client feedback, we used the
4W + H approach to gather essential details and
answer five key questions

UX xustomization
default
UX PYRAMID

Understanding the relationship between different product
elements to create the best user experience

grid

DISCOVERY PHASE

RESEARCH AND DISCOVERY

default
HEURISTIC EVALUATION
grid
default
COMPETITOR ANALYSIS

Identifying major competitors and researching their products,
features, and marketing strategies.

grid
default
USER EXPERIENCE
grid
default
STAKEHOLDER INTERVIEW

Gathering insights from stakeholders to inform
user-centered design decisions.

grid
default
AFFINITY MAPPING

Organizing insights into actionable patterns for
informed design decisions.

grid
default
CARD SORTING

Uncovering user mental models to enhance the
information architecture.

grid
default
PERSONA MAPPING

Crafting user personas to guide
design decisions.

grid

DEFINE PHASE

default
JOURNEY MAPPING

Illustrating user experiences to identify pain points and
enhance user interactions.

grid
default
USER STORIES

Capturing user needs and tasks to drive iterative
product development.

grid
default
INFORMATION ARCHITECTURE

Structuring and organizing content for intuitive
navigation and understanding.

grid

DESIGN PHASE

default
WIREFRAMING AND LAYOUT

Translating ideas into visual blueprints for
user interfaces.

grid
default
UI DESIGN (WEB)

Crafting visually appealing interfaces for
delightful interactions.

grid
default
UI DESIGN (MOBILE)
grid