Projects About
MealClub cover with blue mobile app screens, food imagery and playful nutrition branding Idealista Redesign cover with refreshed property search screens and green-blue brand system Appointment Pro cover with a purple SaaS calendar modification interface and appointment-management controls Ayuntamiento website cover with public service interface screens and institutional website redesign visuals Premios Alcalá 2023 website cover with awards homepage and category cards lumi cover with soft purple sensory devices, app screens and emotional technology visuals Hexacore cover with lunar interface screens for voice-first Hexabot support
Appointment Pro cover with a purple SaaS calendar modification interface and appointment-management controls

Confidential SaaS

Appointment Management

Operational UX

Calendar Logic

Functional Requirements

Role-based workflows

Development handoff

Appointment Pro

Confidential SaaS case study · Operational UX · 2023-2024

Portrait of Helena Fernandez Miralpeix used in the portfolio profile and footer

Helena Fernández
Miralpeix

Product Designer
UX/UI
Operational UX

Confidential
Lead Developer

Lead Developer

Confidential
Developer

Developer

Appointment Pro is a confidential SaaS project focused on adapting an existing operational platform into a centralized workspace where employees can coordinate calendars, services, appointments, tasks, documentation and daily workflows.

Due to confidentiality, company details, business data and identifiable screens have been omitted, blurred or abstracted.

This case study focuses on my role, product reasoning, UX structure and functional documentation.

Project type

Confidential SaaS project

Appointment-management platform for service-based entities, focused on adapting an existing operational system into a flexible backoffice for calendars, bookings, services and employee workflows.

My role

Product structure & UX logic

I owned product structure, workflow mapping, role-based flows, information models and development-ready documentation to reduce ambiguity before implementation.

Main challenge

From rigid plugin to flexible system

The previous booking logic was too rigid for real service needs, especially around calendar availability, service configuration, roles, notifications and appointment management.

Key work

Discovery, requirements & handoff

The work organized discovery in Notion and FigJam, mapped workflow logic and created the documentation developers needed to understand what had to be built and why.

Outcome

A scalable backoffice model

The project defined a scalable SaaS structure for appointment workflows, service rules, user roles and future configuration needs, turning a rigid plugin into a clearer operational model.

What the product is about

Appointment Pro is a confidential SaaS project focused on turning a rigid appointment-management plugin into a more flexible operational platform for service-based entities.

The work centered on understanding the existing system, mapping workflows and translating operational needs into a scalable product structure that could support departments, services, calendars, bookings, communication and future configuration rules.

A backoffice platform for managing appointment workflows across services, departments and professional teams inside different entities.

The goal was to make calendar rules, service setup, appointment states and internal coordination easier to understand and maintain.

My role focused on product structure, UX logic, workflow mapping, functional requirements and implementation documentation.

Discovery & audit:
Reviewed the existing appointment logic and identified where the platform needed more flexible rules.

Workflow mapping:
Mapped employee actions, data relationships and booking lifecycle states.

System structure:
Defined modules for departments, services, calendars, appointments, messages and reporting.

Implementation:
Prepared functional documentation and design rationale to align implementation.

  • Platform audit and workflow mapping
  • Functional requirements documentation
  • Role-based flow definition
  • Backoffice information architecture
  • Development handoff documentation
  • Confidential SaaS project
  • Operational backoffice platform
  • Appointment-management system

A product structure project focused on improving how organizations configure services, calendars and appointments.

  • Platform audit
  • Information architecture
  • User flows and data flows
  • Functional requirements

The scope connected product reasoning, UX structure and development-ready documentation.

  • Figma
  • FigJam
  • Notion
  • Slack
  • Development checkpoints

I collaborated closely with the development lead to keep product logic, technical feasibility and implementation decisions aligned.

Phase 1.1 · Legacy logic and system constraints

Before designing the new appointment-management experience, I first needed to understand how the existing operational platform worked and where the previous booking logic was creating friction.

The platform already supported appointments, but its calendar rules, permission model and service configuration were too rigid for the needs of service-based teams. The goal was to identify what could be reused, what needed to evolve and where the system required a more flexible product structure.

Availability rules were difficult to adapt by date, weekday, recurrence or service-specific needs, making calendar management too rigid for real operational use.

The previous permission model relied too heavily on broad administrator access, making it harder to define who could manage specific services, calendars or bookings.

Departments, services, instructions, locations and appointment rules needed a clearer structure to match how operational teams actually worked.

Phase 1.2 · Requirements, decisions and delivery checkpoints

Keeping the early stage of the project organized was essential. I used Notion and FigJam to connect the project brief, goals, functional requirements, platform analysis, information architecture and product decisions before moving into interface design.

This working hub included:

  • Project brief, goals and objectives
  • Functional requirements and user needs
  • Existing platform analysis
  • Information architecture notes
  • Calendar and booking logic
  • Decision tracking and design rationale
  • Planning notes and delivery checkpoints

This helped create a shared source of truth for the project, making decisions easier to review, explain and align before implementation.

Appointment Pro Notion project hub showing planning cards, task tables and functional documentation

Phase 1.3 · What needed to change

The discovery process helped clarify the main areas where the product needed to evolve from a basic booking tool into a more flexible operational system.

These findings helped define where the product structure needed to become clearer: service setup, booking states, user responsibilities and configuration rules all had to work together instead of behaving like isolated features.

1

Service-based structure

The system needed to organize departments, services, instructions, locations and calendars in a way that reflected how operational teams managed appointments internally.

2

Booking lifecycle

Appointments needed to support appointment user data, status changes, modifications, cancellations, reminders and internal notifications, covering the full lifecycle of a booking.

3

Role-based management

Operational staff needed clearer access and responsibility logic so different users could manage the services, calendars and appointments connected to their work.

4

Scalable service model

The platform needed to be flexible enough to adapt to future services or clients with different data, rules, terminology and operational workflows.

Phase 2 · User actions, system entities and data movement

Once the main requirements and platform constraints were clear, I mapped how the backoffice entities and employee actions connected across the system.

This included use charts, user flows and data-flow logic for departments, services, calendars, bookings, appointment users, notifications and appointment states.

The mapping became the bridge between functional requirements and interface design, helping turn complex operational logic into a structure that could be reviewed, explained and implemented.

1

Use chart

Mapped the main system entities and their relationships, including departments, services, calendars, bookings, appointment user data and communication flows.

2

User flows

Defined the steps employees needed to complete key actions such as creating services, configuring calendars, editing bookings and managing appointment communication.

3

Data flow

Clarified what information was required at each step and how data moved between appointment user records, appointments, services and calendar configuration.

4

Interface implications

Identified where the interface needed to reduce clicks, avoid confusion and make recurring tasks easier to remember.

Phase 3 · User stories, data fields and acceptance criteria

The backoffice needed to support much more than appointment booking. It had to give operational teams control over global settings, services, calendars, locations, bookings, notifications and automated communication.

Part of my work was to help translate these operational needs into user stories, acceptance criteria, data requirements and functional logic that could guide both interface design and development.

1

Configuration

Master data, privacy policy, administrator emails, user contact information, maintenance status and global platform settings.

2

Service Management

Service categories, individual services, requirements, locations and the relationship between each service and its associated calendar.

3

Calendar Logic

Calendar status, availability rules, booking limits, available weekdays, time slots, recurrence logic and external calendar synchronization.

4

Booking Management

Appointment records, appointment user data, service category, calendar, status, date, time, editing, cancellation, printing and service-level tracking.

5

Communication

User notifications, email templates, automated reminders and messages triggered before, during or after an appointment.

6

Rules & validation

Acceptance criteria, required fields, booking states and validation rules documented to make each feature testable and implementation-ready.

Operational needs and access logic

User Roles & Operational Needs

The platform was not designed for a single generic user. It needed to support different operational roles, each with different responsibilities, access needs and daily tasks.

This role-based analysis helped define what each profile needed from the system and how those needs affected navigation, permissions, data visibility and workflow design.

User type

What it represents

Main need

System administrator

Person who configures the global system.

Control master data, permissions, configuration, templates and maintenance.

Service manager

Person responsible for a service, department or area.

Manage services, calendars, availability and appointment rules.

Operational employee / technician

Worker who handles or manages appointments.

Check agendas, review bookings, edit data and follow daily tasks.

Support / front-office staff

Person who helps appointment users or manages incidents.

Search appointments, edit bookings, cancel, print or resolve questions.

Appointment user

External user who requests an appointment.

Choose a service, book, receive confirmation and reminders.

Because the external appointment frontend was already partly developed, the project focus was mainly on the backoffice experience and internal operational roles.

Phase 4.1 · Core modules and navigation logic

After defining the functional scope, the platform was organized into six main navigation areas. Each module translated a set of requirements into a more usable backoffice structure for daily work.

This structure helped separate global configuration, service setup, calendar logic, appointment management and communication into clearer areas, making the platform easier to understand, document and scale.

1

Dashboard

Main overview where employees can see appointment status, pending tasks, unresolved items and daily workload.

2

Departments

Structured view of operational areas, responsibilities, key contacts and each department's role in service management.

3

Services

Detailed service information, including description, availability rules, duration, requirements and responsible team.

6

Messages

Appointment-related communication through confirmations, reminders and notifications to improve attendance.

5

Appointments

Centralized management of each booking, including appointment user data, service, date, status, changes and follow-up.

4

Calendars

Daily, weekly and monthly views to manage availability, filter appointments and plan agenda capacity.

Schedule Optimization

Helps teams organize and plan appointments across different service areas, departments and professional areas.

Flexible Configuration

Allows the system to adapt to the needs of each area, department or service without redesigning the entire platform.

Internal Communication

Supports reminders, confirmations and internal notifications to improve coordination between appointment users and service teams.

Operational Efficiency

Gives employees clearer paths to manage appointments, calendars and daily tasks with fewer unnecessary steps.

Operational Visibility

Provides reports and appointment analysis to understand scheduling activity, workload and system usage.

Phase 4.2 · What the structure enables

The platform structure was designed to make daily operations easier to manage, while keeping the system adaptable for different services, departments and future clients.

Each value area connects product structure with daily operational needs, helping teams configure services, coordinate bookings, communicate changes and understand workload without adding unnecessary complexity.

1

Schedule Optimization

Helps organize and plan appointments across different service areas, departments and professional areas.

2

Flexible Configuration

Allows the system to adapt to the needs of each area, department or service without redesigning the entire platform.

3

Internal Communication

Supports reminders, confirmations and internal notifications to improve coordination between users and service teams.

4

Operational Efficiency

Reduces unnecessary steps and gives employees clearer paths to manage appointments, calendars and daily tasks.

5

Operational Visibility

Provides reports and appointment analysis to understand scheduling activity, workload and system usage.

Phase 5 · Product logic, documentation and delivery checkpoints

Documentation was essential to align product logic, user flows, functional requirements and development decisions across a complex operational system.

My role focused on preparing the product logic, workflow structure, requirements and design rationale the development team needed to understand what had to be built and why each decision mattered.

Regular delivery checkpoints with the development lead helped validate technical feasibility, reduce interpretation gaps and keep the implementation aligned with the product structure.

This made the system easier to understand, build and evolve in future iterations.

Area

What I prepared

Why it mattered

Product logic

Defined how the main modules, actions and states should work across the backoffice.

Helped the development team understand the system behaviour beyond isolated screens.

User flows

Mapped the steps employees needed to complete key tasks such as managing bookings, configuring calendars or reviewing service information.

Reduced ambiguity around how users should move through the platform.

Functional requirements

Documented what each feature needed to support, including fields, actions, filters, states and validation rules.

Made each module easier to estimate, build and validate.

Information architecture

Organized the relationship between departments, services, calendars, bookings, appointment user data and notifications.

Helped align interface structure with the underlying data model.

Design rationale

Explained why certain decisions were made and how they responded to operational needs or platform constraints.

Gave the team context, not just instructions, reducing interpretation gaps.

Delivery checkpoints

Reviewed each stage with the development lead before moving forward.

Kept product decisions aligned with technical feasibility throughout the process.

Handoff documentation

Prepared structured documentation so developers could follow the logic, flows and requirements without depending on scattered conversations.

Created a clearer source of truth for implementation and future iterations.

What this project proves

Appointment Pro shows my ability to turn complex operational requirements into a clear product structure that can be understood, designed and implemented.

The project was not only about designing an appointment interface, but about translating operational service needs into a scalable SaaS structure that could support calendars, bookings, communication, data and daily employee workflows.

It also reflects the way I work in product environments: organizing ambiguity, documenting decisions and connecting UX structure with development logic.

Looking back and looking forward

What this project taught us about operational product design

Appointment Pro was not only about designing an appointment-management interface. The real challenge was translating operational complexity into a structure that could be understood, configured and implemented.

The most valuable part of the process was creating clarity before interface design: auditing the existing platform, defining requirements, mapping workflows, organizing data relationships and documenting decisions for development.

This project reinforced an important idea: in operational products, good UX depends on system logic. Roles, permissions, states, data flows and rules are part of the experience.

In this project, the work focused on:

  • auditing the existing operational platform
  • translating requirements into product structure
  • defining functional and non-functional requirements
  • mapping workflows, entities and data relationships
  • structuring a scalable appointment-management backoffice
  • preparing documentation for development handoff

If the project continued, the next step would be validating the proposed workflows with internal users and testing whether the structure supports real daily operations: configuring calendars, managing appointments, reviewing appointment user data, handling changes and maintaining continuity between employees.

Future iterations could focus on permission refinement, dashboard prioritization, advanced reporting, notification logic and stronger traceability across the booking lifecycle.

The opportunity would be to evolve Appointment Pro into a flexible operational SaaS system that can adapt to different services, teams and appointment workflows without losing clarity.

MealClub cover with blue mobile app screens, food imagery and playful nutrition branding Product

MealClub

Meal planning mobile app focused on food learning, recommendations and MVP UX.

Idealista Redesign cover with refreshed property search screens and green-blue brand system Product

Idealista Redesign

Marketplace UX redesign for clearer property search, comparison and decision-making.

Appointment Pro cover with a purple SaaS calendar modification interface and appointment-management controls Confidential SaaS

Workforce Operations Platform

Operational UX for tickets, appointments, schedules, tasks and employee workflows.

Ayuntamiento website cover with public service interface screens and institutional website redesign visuals Confidential Website

Municipal Website Redesign

Public service website focused on clear information and accessible navigation.

Premios Alcalá 2023 website cover with awards homepage and category cards Website

Premios Alcalá 2023

Event website and cultural communication structure for an awards experience.

lumi cover with soft purple sensory devices, app screens and emotional technology visuals Product

lumi

Sensory wellbeing wearable ecosystem for emotional awareness and calm interaction.

Hexacore cover with lunar interface screens for voice-first Hexabot support Product

Hexacore

Voice-first assistant concept for hands-free robotic support in extreme environments.