Admin Platform UX/UI Design

Admin Platform UX/UI Design

Led UX/UI from concept to launch for a B2B admin platform

Led UX/UI from concept to launch for a B2B admin platform

Mapsy is an admin tool designed to help manage bookings. It was developed in collaboration with senior developers based in Canada and successfully launched in 2024. We secured real clients during this project, and I was involved from initial business planning to full product execution. It was a meaningful experience that gave me hands-on exposure to building and shipping a product from the ground up.

Mapsy is an admin tool designed to help manage bookings. It was developed in collaboration with senior developers based in Canada and successfully launched in 2024. We secured real clients during this project, and I was involved from initial business planning to full product execution. It was a meaningful experience that gave me hands-on exposure to building and shipping a product from the ground up.

Industry

B2B Software

Client

Mapsy

Role

Designer & Co-Founder

Timeline

12 Months

Team

Product Designer(me), Front-end Developer(1), Back-end Developer(1)

Overview

Goal

To build an intuitive admin tool that helps service providers manage bookings efficiently, while also validating the business idea by launching it to real clients.

What did I work on?

• Designed an MVP web app enabling service providers to manage bookings, calendars, and client records in one dashboard.


• Created responsive layout systems using Figma and Framer, with modular components for fast scaling.


• Collaborated with backend engineers to map the architecture between UX requirements and data structure.


• Ran user interviews and prototypes with real business owners, refining the MVP scope to fit real-world constraints.

B2B Software

B2B Software

What makes an admin dashboard truly intuitive?

What makes an admin dashboard truly intuitive?

A home screen that highlights only the essential data

A home screen that highlights only the essential data

One of my main design challenges was to avoid overwhelming users with too much information on the main dashboard. Typically, both revenue trends and booking status are shown as separate charts. Instead, I explored ways to combine them into a single, more intuitive graph.

This approach helped users quickly grasp the overall state of their business at a glance, and we received positive feedback on how easy it was to understand.

More Details

Data logic designed to motivate store owners

I also paid close attention to users’ emotional responses. Rather than displaying a chart that might feel discouraging when revenue drops, I designed a logic that normalizes the graph based on each store’s average revenue. This way, trends are visualized around the center of the chart, helping users focus on changes without feeling overwhelmed.

A simplified booking flow with just a few taps

A simplified booking flow with just a few taps

According to interviews, many bookings and changes were made over the phone, often while staff were multitasking with one hand. This meant the interface had to be fast, intuitive, and error-proof even in busy situations.

To solve this, I designed a streamlined booking experience with large touch targets and minimal steps. Users can create or update a reservation quickly and easily with just a few taps.

More Details

Prioritizing intuitive UX through resource alignment

Implementing a drag-and-drop feature required a significant amount of development effort, especially given the small size of the Mapsy team. To address this, I led a workshop with developers to reassess the product’s core value points and evaluate the feature’s priority.

As a result, we collectively agreed that the drag-and-drop interaction was worth the investment. I facilitated the reprioritization of other features to make space for its implementation.

Clarity through contextual UI

Clarity through contextual UI

To manage features like messages, coupons, and deletion without overwhelming the user, I designed a contextual interface where secondary actions appear only when a customer is selected.

This kept the layout clean, reduced distractions, and allowed users to focus on their workflow within a complex admin environment.

More Details

Designing for action, not just information

According to interviews, client management is one of the most important yet challenging tasks for hair salon owners. To support more proactive engagement, I designed the client list to surface actionable categories based on user behavior and timing.

For example, clients with upcoming birthdays or first-time visitors are automatically grouped into predefined segments. This allowed owners to quickly decide who to reach out to and what kind of message to send, without having to dig through data manually.

A mobile-friendly UI for quick and easy access to schedules

A mobile-friendly UI for quick and easy access to schedules

A mobile-friendly UI for quick and easy access to schedules

Through interviews, we learned that hair salon technicians frequently check their work schedules on the go and prefer a fast, mobile-friendly experience. However, most existing admin tools were not optimized for mobile use.

To address this, I designed a clean, responsive interface that allows users to quickly find the information they need—even on smaller screens.

Behind the Design

Driving Product Decisions in a Small Team

Driving Product Decisions in a Small Team

Although this project began as a side initiative, leading it to a real product launch with actual customers became a valuable learning experience.

Along the way, I encountered challenges that extended beyond design, including setting feature priorities, coordinating with developers, and making key product decisions.

Aligning Feature Priorities for the Admin Tool

Designing the admin tool from scratch meant starting with a long list of possible features. One of the key challenges was defining the right scope for the MVP and shaping a UX that aligned with the product’s core value proposition.

Through this process, I developed a more objective approach to prioritization and strengthened my ability to see the bigger picture.

Stepping into a Product Manager Role

In addition to my role as a designer, I also took on product management responsibilities. I defined key metrics, set business goals, and shaped the overall direction of the product.

This experience helped me deepen my understanding of users, product strategy, and team operations, and it gave me a broader perspective beyond design.

Shipping a product end to end

From planning and scoping to launching and pitching to early users, this project gave me real exposure to the product lifecycle beyond design. It helped me think like a builder, not just a designer.