Creating User-Centric Designs That Inspire and Perform

Hey ! I’m Mahalakshmi Saravanan,a UX/UI designer who blends creativity and usability to craft impactful interfaces.

A Closer Look at Who I Am

I come from an IT background, but my interest shifted towards how users interact with products rather than just how they function.

My design process starts with breaking down the problem — understanding the flow, removing friction, and simplifying decisions for the user.

I focus on structure before styling, ensuring hierarchy, spacing, and interactions guide the user naturally.I believe design is not about adding more, but about removing what’s unnecessary until only clarity remains.

I’m currently building my skills further and working on projects that help me grow as a designer. I'm looking forward to opportunities where I can contribute to real-world design challenges and learn from experienced teams.

Let's Connect

Behance logo
linkedin logo image.
Dribbble logo

Labsy – At-Home Blood Test App

UX Research
UI Design
Mobile App - Health Care
Figma

At-home blood test booking, designed for elderly users.

View More
Labsy app;s cover imgae/thumbnail.

SecureXchange

Web based dashboard
UI&UX
Blockchain
Figma

SecureXchange is a blockchain-powered platform that enables secure, transparent, and anonymous trading of valuable datasets.

View More
SexureXchange web app thumbnail.

TNSTC Bus Booking UI Redesign

UI
UX
Web & Mobile Designs
Redesign

A UX redesign of the TNSTC Bus List Page focused on making bus selection faster, clearer, and more user-friendly across mobile and desktop.

View More
Thumbnail of TNSTC project

WebDesigns and Assessment Tasks

UI
UX
WebDesigns
Hiring Tasks

This is my assessment work during the hiring process and webdesigns, showcasing my problem-solving skills and creativity through my designs, hoping you enjoy it.

View More
Cover image of my web designs.

Roam Easy - your social travel companion

UI & UX
Travel App
Mobile App
Figma

A mobile app designed to simplify travel planning by connecting travelers with companions, guides, and destination insights for seamless journeys.

View More
Thumbnail for Roameasy App

Labsy – At-Home Blood Test App

Labsy app;s cover imgae/thumbnail.

A mobile app that simplifies at-home blood test booking for elderly users, enabling lab comparison and doorstep sample collection.

Role: UX/UI Designer (Solo Project)
Platform: Mobile App (Android)
Tools: Figma

Elderly users struggle to visit labs — mobility issues, long queues, and confusing booking processes delay basic healthcare.

Labsy is a mobile app that brings the lab to the user's doorstep. Instead of travelling, waiting, and guessing costs — users can:

→ Browse and select the right test without medical jargon
→ Compare nearby labs by distance, price, and rating
→ Book a home sample collection in under 3 minutes
→ Receive digital reports directly on the app

Started with lo-fi wireframes to nail the flow → refined into a clean, accessible UI with large text, clear icons, and calm colors.

Wireframe of  Labsy project screens

Low-Fidelity Wireframe

This low-fidelity wireframe captures the basic structure and layout of the app, focusing on functionality over aesthetics. It helps in  refining the user flow.

UI screens of Labsy screens

UI Design

Here’s the transition from wireframe to UI design. This visual brings the app to life with color and elements, aiming to create a delightful user experience.

key screen of labsy

Test Selection

• Large text and clear icons for easy browsing

• No medical jargon — simple, everyday language

• Designed to reduce confusion during test selection

key screen of labsy

Lab Selection

• Filter by distance, price, and rating in one tap

• Ratings help elderly users choose labs confidently

• Clean layout reduces decision fatigue

key screen of labsy

Booking Process

• Single screen booking — select time, confirm, done

• Automatic reminders reduce dependency on family

• Minimal steps to avoid overwhelming elderly users

key screen of labsy

Transparent Pricing

• Full cost shown before booking confirmation

• No hidden fees — builds trust for first-time online users

• Reduces drop-off at the payment stage

Anantha prepares for her upcoming routine health check, she’s relieved knowing she no longer has to visit a crowded lab or rely on phone calls for appointments. With Labsy, everything she needs is right at her fingertips.

Task: Imagine you're Anantha, preparing for a regular health check from home.

Your task is to:
Open the Labsy app and search for the required blood test.Compare labs based on proximity, pricing, and user ratings.Choose a preferred lab that offers home sample collection.Schedule a convenient time for collection.Receive your test report digitally through the app.

Designing Labsy reinforced that the best healthcare experiences are invisible — users shouldn't have to think, they should just be able to act. Keeping the flow simple and the language human made all the difference.

• 2 informal testers completed the full booking flow without any guidance
• 0 confusion points observed during testing  the flow felt natural
• Full booking in 4 screens kept intentionally short for elderly users
• Next step - formal usability testing with more elderly users to uncover deeper friction points

TNSTC Bus Booking UI Redesign

TNSTC Thumbnail

I redesigned the bus list page for both mobile and desktop, focusing on clear information hierarchy, scannable layouts, and faster decision-making.

Role: UX/UI Designer (Solo Project)
Platform: Web & Mobile Responsive
Tools: Figma

TNSTC's bus list page was cluttered and hard to scan—users struggled to compare options and make quick booking decisions.

Time Format Confusion

Users struggle to quickly understand departure and arrival times due to the 24-hour format.

Poor Seat Visibility

Seat availability is not clearly highlighted, making it hard for users to assess options at a glance.

Cluttered Mobile Experience

The mobile layout feels cramped, reducing readability and increasing cognitive load.

Weak Information Hierarchy

Important details like price, timing, and duration lack clear visual priority, slowing decision-making.

Existing TNSTC bus list page

Web – Original

The original web layout feels cluttered with too many equally weighted columns, making it hard for users to quickly scan and compare options. Important details like price and seat availability don’t stand out, and the filter panel takes unnecessary visual attention..

My proposed screen of TNSTC

Web – Redesigned

The redesigned version improves clarity with better spacing, alignment, and a stronger visual hierarchy, making key information easier to scan. Clearer CTAs and subtle color usage help users focus and take action faster.

Existing  Mobile screen of TNSTC

Mobile – Original

The mobile layout feels cramped, with poor grouping of information, making it difficult for users to process timings, price, and availability quickly. Seat visibility is low, and similar-looking cards make comparison harder.

Proposed Design of TNSTC mobile view

Mobile – Redesigned

The redesigned mobile version uses clean card layouts and better grouping, improving readability and quick comparison. Seat availability and CTAs are more prominent, making the booking decision smoother.

→ Hierarchy Matters
Even small typography and spacing changes drastically improve scannability.

→ Mobile Constraints
Drive Better Design  Designing for small screens forced me to prioritize ruthlessly, which also improved the desktop version.

→ Real-World Redesigns Are Harder
Unlike starting from scratch, redesigns require understanding legacy constraints while still pushing for meaningful improvements.

Preference Test Results (n=3):
→ 100% preferred the redesigned layout
→ Average decision time: 2 minutes
→ Key feedback: "Cleaner," "Easier to compare," "Less cluttered"

This early signal confirmed I was on the right track, though a larger sample would be needed to draw firm conclusions.

SecureXchange

Securexchange Thumbnail

A blockchain-powered platform for secure, transparent data trading with smart contracts and role-based dashboards.

Role: UX/UI Designer (Solo Project)
Platform: Web Dashboard (SaaS)
Tools: Figma

Data trading is often centralized, risky, and lacks transparency — making it hard for individuals and organizations to securely buy or sell datasets.

A secure platform where sellers list datasets, buyers browse with trust, and blockchain smart contracts handle transactions.

An Empathy Map helps us deeply understand our users their goals, frustrations, and behavior. For SecureXchange, it was crucial to map both Data Sellers and Data Buyers, since each has unique needs around trust, transparency, and value. This exercise guided me in designing a more human-centered, secure, and intuitive experience on the platform.

Empathy map of data seller
Empathy map of data buyer
mobile view of scurexchange platform
Key UI screens in Mobile view.
key UI screens -purchases,transactions,uploads
Searching datasets in securexchange platform

- Dark UI → Common in fintech/crypto, builds trust
- Data tables → Users need to compare datasets quickly  
- Green accents → Signal "verified" and "secure"

SecureXchange was born from a simple idea: data should be shared with consent, value, and security. Designing this platform pushed me to think beyond UI  into trust, transparency, and the future of decentralized systems.As the digital world evolves, SecureXchange could grow into a smarter ecosystem enabling permission-based collaborations, cross-chain compatibility, and greater data accessibility for innovation without compromise.

Web Designs & Assignment Tasks

This section showcases my journey through various web design projects, including both personal and professional assignments. Each project demonstrates my ability to combine aesthetics with functionality, ensuring a seamless user experience. Alongside these web designs, I’ve also included tasks given to me during previous hiring processes that challenge my problem-solving and design skills.

WebDesigns

WeBSITE LANDING PAGES

VIEW
Hiring Process Tasks

ASSIGNMENT AND TASKS

VIEW

Feel free to reach out for projects, questions, or just to say hi!

Fill the form and start a project or, if you prefer to email me instead... mahamahimasaravanan@gmail.com
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.