// case-studies / web

Web Applications

UX and full-stack work on business systems and web platforms — from Orbit360 client products to university and personal projects.

~/web/autodirect Orbit360

AutoDirect — Vehicle Sales & Management System

End-to-end UX design for a 6-module vehicle management system covering inventory, orders and invoicing.

Figma25+ prototypes6 modules
Details
  • Delivered 25+ high-fidelity prototypes in Figma for inventory, orders and invoicing.
  • Optimized dealer workflows by digitizing manual end-to-end processes, reducing operational effort and improving task completion across the platform.
  • Architected responsive UI components and user flows across web and mobile for consistent usability and accessibility on all devices.
  • Ran usability testing sessions with stakeholders and applied the feedback to refine interaction design and navigation across the 6 core modules.
~/web/almanarah Orbit360

Almanarah — Masjid Management System

Led UX design for a 5-module mosque management platform handling donations, expenses and member records.

Figma20+ wireframesDesign system
Details
  • Produced 20+ wireframes and high-fidelity prototypes in Figma.
  • Applied accessibility-first design for non-technical users, turning complex record-keeping into intuitive, easy-to-navigate interfaces.
  • Ran user research and journey mapping to find pain points, translating findings into personas and a streamlined information architecture.
  • Delivered clean, scalable design system components aligned with stakeholder requirements.
~/web/exam-management-system University of Ruhuna

Exam Management System

A secure system for the Department of Computer Science that digitizes academic exam workflows.

ReactJSSpring BootMySQL
Details
  • Role-based user management, automated grading, result dissemination and encrypted data handling.
  • Streamlined exam workflows while enforcing secure data handling practices.
  • Contributed across the full lifecycle — requirement gathering, system design, development and testing.
Case study GitHub
~/web/medical-unit University of Ruhuna

Medical Unit Web Application

A centralized system for the university medical unit to manage student medical records, with secure storage, real-time access and better scheduling to cut waiting times.

MongoDBExpress.jsReactNode.js
Details
  • Secure user authentication.
  • Online appointment scheduling.
  • Medical report previews and record submissions.
  • Inventory management for medical supplies.
Case study
~/web/vikee Personal

Vikee — Fashion E-Commerce Platform

A fully responsive, mobile-first e-commerce platform with a product catalog, advanced filtering and a secure checkout flow, designed end-to-end in Figma.

FigmaAdobe Illustrator15+ prototypes
Details
  • Used visual hierarchy, intuitive navigation and interaction design principles to reduce friction across the shopping journey.
  • Produced 15+ high-fidelity UI prototypes, kept consistent through a structured design system.
  • Applied A/B testing concepts and heuristic evaluation to validate design decisions.