SusithDeshanAlwis

01 — Work

Three case studies

01CoverageX — Marketing site and quote funnelMarketing site and quote funnelRebuilding coveragex.com around trustA protection-plan business depends on trust. The WordPress site had slow pages, stock imagery and inconsistent typography, and every marketing change waited on a plugin update.No downtimemoving from WordPress to NuxtOne schemavalidates the quote on client and serverOne systemdesign tokens and components behind every pageDesignFrontendBackendRead the case study →20 screens · 2025–2026
02CoverageX — Self-serve purchase funnel and analytics consoleSelf-serve purchase funnel and analytics consoleBuy Online: quote to checkout without a phone callThe goal was to make buying a plan online as trustworthy as buying one by phone, and to let the team see where visitors left the funnel.Self-servequote to checkout without a callOne consolefunnel, drop-off and A/B test managementDesignFrontendBackendAIRead the case study →8 screens · 2025–2026
03CoverageX — Customer support assistant with an in-chat quote flowCustomer support assistant with an in-chat quote flowDesigning the CoverageX AI assistantThe goal was an assistant that answers routine questions and quotes without a wait, and never invents coverage terms or prices. An assistant that guesses about a contract does more harm than having none.Real quotesprices come from the company’s quoting systemLiveinside the Buy Online checkoutOne tapto reach a person from any pointDesignFrontendBackendAIRead the case study →8 screens · 2026

02 — About

What I work on

I'm a software engineer and product designer in Colombo, currently building AI assistants at CoverageX.

I started out as a freelance designer in 2016, and in 2019 co-founded The Qexle, a design and web studio. The work kept getting more technical, so I learned to build it.

Design

I design in Figma and keep decisions in a shared component library. I check accessibility against WCAG 2.2 as I go, and keep motion small enough that nobody has to wait for it.

Aa15.96:1 AAA

Text#0b0b0cBackground#ece7dd

WCAG 2.2 contrast formula, as used in ContrastMate

Figmaaxe DevToolsGSAP

Frontend

Nuxt and Vue in TypeScript, on the design system I defined for coveragex.com.

PreviewTokens drive the component.

Change a value and every surface follows.

--radius: 10px;
--space: 14px;
--accent: oklch(0.9 0.2 78);

Radius 10pxSpacing 14pxAccent hue 78°

Nuxt 4Vue 3TypeScriptTailwind v4Vitest

Backend

Nitro services on Node, with MySQL through Drizzle and AWS underneath. Each outside service sits behind a typed interface, so it can be swapped or tested on its own.

Real call to this site's API

GET /api/githubThe request reaches the server—
CheckMakes sure the request is well formed—
CacheLooks for a copy saved in the last hour—
GitHubAsks GitHub three questions at once—
RespondSends the result back as JSON—

NitroNode.jsMySQLDrizzleAWSDocker

AI

Two assistants for CoverageX customers. One gives quotes on the website. The other answers questions in the checkout.

Illustrative replay with made-up prices. The price comes from the quote tool.

MCPTool callingGenerative UI

03 — Side projects

Things I built for myself
or to learn something.

Concept case study · 2026

From install to a first ride you can trust

Unofficial growth concept for a Sri Lankan ride-hailing app

An unofficial concept for a new rider’s first session on a Sri Lankan ride-hailing app, from install to a first ride and its receipt. I did the desk research on public reviews and six competing apps, mapped the funnel, wrote the hypotheses and built a deployed, accessible prototype in English, Sinhala and Tamil with a control and a treatment, plus a plan for how I would test it. I am not affiliated with PickMe.

React 18 · Vite · TypeScript · Vitest · Playwright · axe-core · GitHub Pages

Read the case study →Live prototype ↗Repository and research ↗

Figma plugin2026ContrastMateA WCAG 2.2 contrast checker for Figma. It scans every text layer on a page, blends semi-transparent colours against the real background behind them, and takes you to the layers that fail. The plugin itself works from the keyboard, and its contrast maths is covered by unit tests.TypeScript · Figma Plugin API · VitestGitHub ↗
Chrome extension2026UX Spec AuditorShows the type spec of any element under the pointer and checks its contrast against AA and AAA. You can also lay a PNG of the design over the page to compare them pixel by pixel. Built on Manifest V3.JavaScript · Manifest V3GitHub ↗
Medical imaging research2026DR Stage DetectionGrades diabetic retinopathy from photographs of the back of the eye, on the five-stage ICDR scale, using a transfer-learned ConvNeXt with an ordinal CORN head. Trained on DDR, tested on the separate APTOS 2019 set, and paired with the RetinaScan web prototype.Python · PyTorch · ConvNeXt · uvQWK 0.94 on DDR · AUC 0.99 on APTOS 2019
iOS app2026WarrantyVaultA native iOS app for keeping track of product warranties, receipts and claim deadlines. It stores everything on the device. I designed and built it, App Store assets included.Swift · SwiftUIGitHub ↗
SaaS2025Qexle Project ManagementA project management platform with Jira integration, role-based access for seven user roles and real-time collaboration.Nuxt 3 · MongoDB · TypeScriptGitHub ↗
Multimodal AI2025Plain English ConverterRewrites legal, medical and technical jargon in plain language. It accepts text, voice or a photo, and uses Llama 3.3, Gemini and Whisper behind the scenes.Next.js · Llama 3.3 · Gemini · WhisperGitHub ↗

Archive — brand, web and app projects, 2021–2025

All 20 projects →

04 — Experience

Where I've
worked

Education

BSc (Hons) Computing

Coventry University, delivered at NIBM, Sri Lanka · 2026

Apr 2026–presentSoftware EngineerCoverageX · ColomboDesign and build the customer AI assistants on the website and in the checkout, and most of an internal analytics and A/B testing console, front end and back end.
Jul 2025–Apr 2026Associate Software EngineerCoverageX · ColomboDesigned the purchase flows for auto and home plans and the customer payment portal, rolled out the website's design system and led the home page overhaul.
Jan–Jul 2025Software Engineer InternCoverageX · ColomboDesigner and engineer on the redesign of coveragex.com and its landing pages.
2025–presentSister-company sites and a job portalCoverageX (MB Tech) · RemoteDesigned websites for sister companies in the group and built a job portal with sign-up, job listings and a privacy lifecycle.
Dec 2024–Jan 2025UI/UX Designer InternAT Digital · ColomboWireframes and responsive UI for marketing campaigns.
May–Nov 2024Visual Graphic DesignerBoss Up Media · HybridBranding, logos, print and social media graphics.
Dec 2019–presentCo-FounderThe Qexle · MalabeA design-led studio for UI/UX, web and e-commerce work. Later, the Qexle project management platform.
2016–presentFreelance Designer and DeveloperUpwork and Fiverr · WorldwideLogos, brand identities, landing pages and web apps for clients in six countries.