Logo
home.projects.about.contact.
Sometimes I write @ Pressvia

DMT Sri Lanka

UI/UX Case Study

Short Summary:

I redesigned the DMT Sri Lanka site to fix messy layouts and confusing navigation. The result is a simple, trustworthy interface that helps people find services fast.

My role & tools

  • Role: UX / UI Designer - research, visual design, prototyping, testing
  • Tools: Figma (design + prototype)
  • Fonts: Merriweather (headings), Arial (body)
  • Colors: #580505 (primary), #710202 (accent), #FFFFFF (white)

Problem

The original site had the same issues I see on many government sites:

  • Complex navigation that confused users
  • Messy layouts with poor spacing and no clear sections
  • Service categories were unclear or duplicated
  • Inconsistent typography and colors across pages

A quick survey showed 86% of users found the navigation confusing.

Goal

Make the site simple and useful:

  • Clear service categories so users find what they need in 2-3 taps
  • Consistent typography, color, and spacing
  • No extra widgets or clutter on the homepage, only essential actions and links

Process (what I did)

  1. Heuristic review - listed UI problems and UX friction points.
  2. User survey - confirmed main pain: confusing navigation (86%).
  3. Information architecture - reworked service categories and menu so every service has a clear place.
  4. Wireframes - sketched simple, task-focused flows for top tasks (license, renewal, duplicates, conversions).
  5. Visual system - created a small style guide (colors, spacing rules, type scale).
  6. Prototyping - made a clickable Figma prototype and did quick user walkthroughs.
  7. Iterate - fixed labels and flow points based on feedback.

Key design decisions

  • Simplified navigation: reduce top level items, use clear short labels, and group services logically so users can complete tasks in 2-3 taps.
  • Clear sections: strong section headers, visual separators, and consistent spacing so content is scannable.
  • Typography: Merriweather for headings (trustworthy, readable), Arial for body (clean and common). Set a consistent type scale and line height.
  • Color & contrast: limited palette for clarity, primary #580505, accent #710202, background #FFFFFF.
  • Minimal homepage: only core actions and most-used services; no noisy banners or extra widgets.

Outcome

After the redesign, users can reach most services in 2-3 taps. The navigation is simpler and labels are clearer, so people no longer get lost. Visual hierarchy is much better pages feel calm and uncluttered instead of crowded. Stakeholders and test users reported the site feels faster to use and more trustworthy.

DMT sri lanka dmt.jpg
DMT sri lanka dmt1.jpg