Skip to content

UI/UX DESIGNER × FRONTEND DEVELOPER

TurningChallengesInto Solutions.

I design and build digital experiences that bring clarity to complex problems — through thoughtful interfaces and clean code.

SCROLL TO EXPLORE

Different paths.
Same purpose.

01 / THE JOURNEY

From surviving
to thriving.

The software world is vast, competitive and constantly moving.

Every storm becomes a lesson.
Every obstacle becomes a new skill.

STORMSOBSTACLESLEARNINGPERSISTENCEGROWTH

CONTINUE THE EXPEDITION

02 / EXPEDITIONS

Real projects.
Real impact.

Each expedition began with a real problem — and became something researched, designed and built with purpose.

EXPEDITION / 01Completed
Conceptual cinematic device presentation for MUC Digital.

SERVICE DESIGN / MOBILE INTERFACE

MUC Digital

Making urban council services easier to navigate through focused booking flows and accessible module interfaces.

Mobile UI · Service flows

OPEN FIELD NOTES VIEW REPOSITORY
EXPEDITION / 02In progress
Conceptual cinematic device presentation for Finance Manager.

PRODUCT INTERFACE / WEB APPLICATION

Finance Manager

Bringing income, expenses, budgets and savings goals into one personal finance workspace.

React · Tailwind · Supabase

OPEN FIELD NOTES VIEW REPOSITORY
EXPEDITION / 03Client-side application
Conceptual cinematic device presentation for Estate Agent SPA.

FRONTEND DEVELOPMENT / PROPERTY SEARCH

Estate Agent SPA

Search properties, explore listing details and save favourites in a client-side application.

React · Vite · React Router

OPEN FIELD NOTES VIEW REPOSITORY

EXPEDITION RECORDS / FIELD NOTES

Behind the build.
Inside the thinking.

Problem, process and implementation. These working records bring the decisions behind each expedition into view.

MUC DIGITAL

FIELD NOTES / 01

MUC Digital

An initial project record, based on the existing portfolio.

01 / Problem

Presenting urban council services through a mobile application with clear booking flows.

02 / Research

Research evidence and findings to be added.

03 / Design Decisions

The existing portfolio identifies booking flows and accessible module interfaces as the focus.

04 / Development

Implementation details and personal contribution to be added.

05 / Result

Listed as completed in the existing portfolio.

FINANCE MANAGER

FIELD NOTES / 02

Finance Manager

An initial project record, based on the existing portfolio.

01 / Problem

Keeping track of income, spending, budgets and savings goals within one application.

02 / Research

Research evidence and findings to be added.

03 / Design Decisions

The existing project description records a Figma-first design process and an analytics dashboard.

Finance Manager dashboard showing income, expenses, budgets and savings goals
Supporting interface study — existing project dashboard.
04 / Development

A React interface with Tailwind styling and Supabase. The documented scope includes income, expenses, budgets, savings goals and analytics.

05 / Result

In progress.

ESTATE AGENT SPA

FIELD NOTES / 03

Estate Agent SPA

An initial project record, based on the project repository README.

01 / Problem

Helping visitors search property listings, explore details and save favourites.

02 / Research

Research evidence and findings to be added.

03 / Design Decisions

Design decisions and supporting evidence to be added.

04 / Development

Built with React, Vite and React Router. The README documents property filters, detail pages, galleries and favourites, all running client-side.

05 / Result

The repository documents a property-search application. User testing and outcome evidence remain to be added.

Hansaka Bandara standing beside a waterfront at night
HANSAKA BANDARA SRI LANKA

03 / THE EXPLORER

A curious mind.
A resilient builder.

I’m Hansaka, a UI/UX-focused frontend developer and Computer Science undergraduate at IIT. I enjoy turning complex problems into clear, useful digital experiences.

I’m drawn to the space between understanding a problem and building something people can use. Through design and code, I keep learning, asking questions and exploring unfamiliar challenges.

MEET THE EXPLORER

04 / SURVIVAL SKILLS

Adapt. Create.
Keep moving.

The capabilities I bring to unfamiliar problems — from the first question to a working interface.

01 UI/UX Design
Turning complex requirements into clear layouts, intuitive flows and considered interfaces.
02 Frontend Development
Building responsive interfaces with HTML, CSS, JavaScript and React.
03 Prototyping
Exploring an idea in Figma before moving into implementation.
04 Product Thinking
Connecting interface decisions to the problem a product is trying to solve.
05 Problem Solving
Breaking unfamiliar challenges into smaller questions, learning and iterating along the way.

05 / THE TRAIL

Every step
leaves a lesson.

The work, learning and experiences that shape how I approach the next challenge.

  1. EDUCATION

    — Present

    BSc (Hons) in Computer Science

    Informatics Institute of Technology (IIT)

    Undergraduate studies focused on software development, UI/UX design and modern web technologies.

  2. EXPERIENCE

    —

    Network Support Assistant Intern

    People’s Leasing and Finance PLC · Colombo 08

    System troubleshooting, data management and supporting smooth daily operations with attention to detail.

  3. EXPERIENCE

    —

    Customer Service Representative

    Gamma Pizza Craft Lanka (Pvt) Ltd · Colombo 02

    Handled customer inquiries and order processing in a fast-paced environment, sharpening communication and problem-solving skills.

06 / TOOLS I CARRY

A considered
set of tools.

Technologies used across my design, programming and web projects.

DESIGN

  • Figma

FRONTEND

  • HTML
  • CSS
  • JavaScript
  • React
  • Tailwind CSS

PROGRAMMING

  • Java
  • Python

TOOLS & DATA

  • Git
  • GitHub
  • Supabase

07 / THE SIGNAL

A signal can
change the journey.

Have a project, opportunity or idea?
Send a signal. The next route might start here.

Ganemulla, Sri Lanka · +94 75 227 8588

All fields are required. Form delivery is not connected yet; please use the email link to get in touch.