Wathshala

Loading Experience

Wathshala.
Portrait of Wathshala Amarasinghe

Hi, I'm Wathshala Amarasinghe

UI/UX Designer& Developer

A BSc Software Engineering graduate crafting intuitive digital experiences for healthcare, FinTech, and enterprise products.

Scroll

+

Years Experience

+

Projects Completed

+

Enterprise Systems Designed

UX/UI & Technical Skills

Technologies I Work With

Java
JavaScript
TypeScript
PHP
HTML
CSS
React.js
Next.js
Tailwind CSS
Bootstrap
Vite
Figma
Adobe XD
Framer
Wireframing
Prototyping
Design Systems
WCAG Accessibility
MySQL
MongoDB
phpMyAdmin
XAMPP
GitHub
Docker
Postman
What I Do

My Expertise

UI/UX Design

Designing intuitive, user-centered digital products through research, wireframing, prototyping, and high-fidelity UI using Figma and Adobe XD.

  • User Research
  • Wireframing & Prototyping
  • High-Fidelity UI

Front-End Development

Building responsive, accessible, and performant web interfaces using React.js, Next.js, TypeScript, and Tailwind CSS.

  • React.js / Next.js
  • TypeScript & Tailwind CSS
  • Responsive & Accessible

Design Systems

Creating reusable component libraries and structured design systems that ensure consistency, scalability, and faster development.

  • Component Libraries
  • Style Guides
  • Accessibility (WCAG)

UX Research

Conducting user research and usability testing to validate design decisions and iterate based on real-world usage.

  • Usability Testing
  • User Interviews
  • Agile Iteration

Professional Experience

My Career Journey

From freelance projects to enterprise healthcare systems — a timeline of growth.

Freelance UI/UX & Full-Stack Developer

Current

Self-Employed

Remote2022 – Present
Freelance

Independently designing and building end-to-end digital products for clients across various sectors — from brand websites and web apps to custom UI/UX design projects.

  • Designing user-centered interfaces from wireframe to high-fidelity using Figma
  • Building responsive, accessible web applications using React.js, Next.js, TypeScript, and Tailwind CSS
  • Handling full project lifecycle: client briefs, UX research, design, development, and delivery
  • Creating custom design systems, component libraries, and front-end architectures for scalable products
  • Delivering cross-platform, mobile-responsive designs aligned with modern web standards

Associate Software Engineer

Current

Medi Connect (Pvt) Ltd

Colombo, Sri LankaJuly 2026 – Present
Full-Time

Contributing to the development of healthcare information systems at a specialised clinical software company, combining UI/UX expertise with front-end engineering.

  • Building and maintaining clinical and hospital management systems for the healthcare sector
  • Contributing to the design and development of healthcare information systems and web applications
  • Collaborating with cross-functional teams to deliver scalable, user-centered healthcare solutions
  • Applying UI/UX expertise alongside front-end development for high-quality, accessible digital products
  • Participating in agile sprints, code reviews, and continuous delivery workflows

Associate UI/UX Developer

Tech Connect Global (Pvt) Ltd

Colombo, Sri LankaJan 2026 – June 2026
Full-Time

Designed and developed official company and client-facing web products using modern front-end frameworks.

  • Designed and developed the official Tech Connect Global website using Next.js, TypeScript, React, and Tailwind CSS
  • Designed and developed the Medi Connect official website using React.js, TypeScript, Tailwind CSS, and Vite
  • Created responsive, user-friendly UI designs aligned with modern UX principles
  • Collaborated with stakeholders to translate business requirements into functional digital experiences
  • Maintained design consistency through reusable components and structured layouts

UI/UX Designer Intern

Tech Connect Global (Pvt) Ltd

Colombo, Sri LankaJuly 2025 – December 2025
Internship

Designed end-to-end UX/UI for enterprise-level healthcare and finance web applications.

  • Designed end-to-end UX/UI for enterprise-level web applications
  • Contributed to EMR & Hospital Information Systems (HIS) including patient management, laboratory, pharmacy, billing, and dashboards
  • Designed UI for a personal finance tracking application, focusing on clarity and usability
  • Conducted user research and usability testing to improve workflows and user efficiency
  • Created wireframes, interactive prototypes, and high-fidelity UI designs using Figma
  • Ensured responsive, accessible (WCAG), and consistent interface design across platforms

The Process

Your Website in 5 steps

01

Research & Discovery

Understanding user needs, business goals, and pain points through user research, interviews, and competitive analysis before any design decisions are made.

02

Wireframing & Information Architecture

Mapping out user flows and laying the structural foundation with low-fidelity wireframes, ensuring intuitive navigation and logical content hierarchy.

03

High-Fidelity UI Design

Crafting pixel-perfect, accessible interfaces in Figma with attention to typography, colour, spacing, and interactive states aligned to the design system.

04

Prototyping & Usability Testing

Creating interactive prototypes and conducting usability testing sessions to validate design decisions and iterate based on real user feedback.

05

Implementation & Handoff

Delivering developer-ready assets and specifications, and collaborating closely during front-end implementation using React, Next.js, and Tailwind CSS.

Wathshala AmarasingheWathshala AmarasingheWathshala Amarasinghe
Portrait of Wathshala Amarasinghe

Designing experiences
that truly matter!

Hi, I'm Wathshala Amarasinghe — a UI/UX Designer and Software Engineering graduate with hands-on experience building digital products for healthcare and financial systems. I specialise in translating complex requirements into clean, functional interfaces through research, wireframing, and high-fidelity design. I'm passionate about accessibility, design systems, and collaborating in agile teams to deliver scalable solutions.

Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---
Let's Talk---