Shamal Iroshan
SHAMAL IROSHANCreative Designer
Shamal Iroshan
Brand IdentityUI/UX DesignCase Study · 2025 — Ongoing

Win
Solutions

Rebuilding the brand identity and digital presence of a Maldivian enterprise software company — from first mark to final screen.

Win Solutions — Homepage UI Design

Role

Brand Designer · UI/UX Designer

Timeline

Oct 2025 — Ongoing

Tools

Figma · Adobe Illustrator · Creative Suite

Deliverables

Brand Identity · Web UI Design

Location

Maldives

The Project

Win Solutions is a Maldives-based IT company that implements enterprise software for businesses across the region — Microsoft Dynamics 365, SAP Business One, Odoo ERP, MiHCM, Corporater, SELENA+, and Bileeta among their portfolio.

The project called for a complete reset. Their existing website was outdated and their brand lacked the cohesion and authority needed for an enterprise software company. Before a single UI screen could be designed, the brand identity had to be built from scratch — logo system, visual language, colour strategy, and typography — documented in a full brand guidelines PDF.

Once the brand foundation was set, I moved into UX — wireframing every page to lock in content hierarchy and navigation flow before committing to high-fidelity design. The final deliverable was a 14-page UI design built in Figma, alongside print collateral including a bilingual letterhead in both English and Divehi, the native Maldivian script.

Win Solutions
Client
Win Solutions
Services
Brand IdentityLogo DesignUX DesignUI DesignBrand GuidelinesPrint Design
Design File
Open in Figma

Before the Work

Where it started.

Win Solutions had a functional website but no coherent brand identity. The logo lacked refinement, the visual language was inconsistent, and the website hadn't kept pace with the scale of their product portfolio. Everything below was the baseline — the brief was to rebuild from it completely.

Logo — Before & After

Website UI — Before & After

Old Homepage
BeforeHomepage
Redesigned Homepage
AfterHomepage
Old About Us
BeforeAbout Us
Redesigned About Us
AfterAbout Us
Old Contact
BeforeContact
Redesigned Contact
AfterContact

Research & Discovery

Research first,
design second.

Before a wireframe or logo concept was drafted, a structured discovery phase defined the parameters of the work. Competitor benchmarking, audience profiling, and a thorough brand audit ensured every design decision was grounded in evidence — not assumption.

What the research revealed

  • Local competitors had weak brand differentiation — most relied on template websites with generic imagery
  • Enterprise buyers need credibility signals: certifications, client logos, and product depth
  • No competitor offered structured product pages with deep feature documentation
  • The existing brand had no defined colour system, type hierarchy, or logo usage rules
  • B2B decision makers increasingly research on mobile — responsive design was non-negotiable
01

Competitor Analysis

Reviewed Maldivian and regional enterprise IT companies — evaluating brand identity, site architecture, product presentation, and trust-building signals.

Gaps in the market

No defined logo systems or brand guidelines
Flat, generic product pages with no depth
Inconsistent visual language across touchpoints

Opportunities

Strong brand identity as a market differentiator
Structured product pages that show technical depth
02

Audience Research

Win Solutions speaks to a cross-functional audience — from C-suite decision makers evaluating ERP investment to IT leads researching specific product capabilities.

Business Decision Makers

ROI clarity, vendor credibility, real-world case studies

IT Department Leads

Integration specs, product depth, and technical trust signals

Procurement & Admin Teams

Clear partner certifications and contact pathways

03

Design Direction

Visual benchmarking of enterprise software brands globally shaped the aesthetic direction — balancing authority with approachability.

Colour Strategy

Deep navy + vibrant orange — authority with energy

Typography

Modern sans-serif — clean, legible, enterprise-grade

Tone of Voice

Professional but accessible — not cold or corporate

Imagery Style

Real product UIs and environments over stock photography

Scope

Everything,
from scratch.

This wasn't a visual refresh — it was a full rebuild. No existing brand elements were carried over. The only constant was the company name.

  • Logo system — primary + secondary, icon, and slogan variants
  • Brand guidelines document (PDF)
  • Business card design
  • Letterhead in English & Divehi (Maldivian script)
  • Wireframe set — all core website pages
  • High-fidelity UI design in Figma
  • Component library with colour tokens and type scale

Brand Identity

Logo System

Six variants designed for maximum flexibility across every application — primary and secondary colorways, standalone icon marks, and full lockups with the company slogan. Usage rules for every variant are documented in the brand guidelines.

Primary Logo
Primary Logo
Primary — With Slogan
Primary — With Slogan
Primary Icon
Primary Icon
Secondary Logo
Secondary Logo
Secondary — With Slogan
Secondary — With Slogan
Secondary Icon
Secondary Icon

Brand Identity

Logo in Context

The brand mark applied across real-world scenarios — environmental signage, digital screens, and print — showing how the identity holds up at every scale.

Win Solutions logo — digital context
Win Solutions logo — signage
Win Solutions logo — outdoor
Win Solutions logo — environment
Win Solutions logo — print

Brand Guidelines

Brand Guidelines Document

A comprehensive document covering the logo system, colour palette, typography hierarchy, photography tone, and application across digital and print contexts.

View Full PDF
Brand Guidelines — page 1
Brand Guidelines — page 2
Brand Guidelines — page 3
Brand Guidelines — page 4
Brand Guidelines — page 5
Brand Guidelines — page 6
Full 20-page document —Download PDF

Process

Wireframes First

Before any colour or visual design was applied, every page was mapped as a low-fidelity wireframe. This phase locked in content hierarchy, navigation flow, and component placement — decisions that are expensive to change once high-fidelity design begins.

Win Solutions carries a wide product catalogue across distinct solution categories. The wireframing stage was critical for working out how to present each product page clearly — without overwhelming visitors or creating a confusing information structure.

Pages Wireframed

Ongoing
  • Home
  • About Us
  • Solutions — Bileeta
  • Solutions — Corporater
  • Solutions — Microsoft Dynamics 365
  • Solutions — MiHCM
  • Solutions — Odoo ERP
  • Solutions — SAP Business One
  • Solutions — SELENA+
  • Clients
  • Partners
  • Contact
More pages in progress…
Home

Home

View
About Us

About Us

View
Solutions — Bileeta

Solutions — Bileeta

View
Solutions — Corporater

Solutions — Corporater

View
Solutions — Dynamics 365

Solutions — Dynamics 365

View
Solutions — MiHCM

Solutions — MiHCM

View
Solutions — Odoo ERP

Solutions — Odoo ERP

View
Solutions — Odoo ERP (2)

Solutions — Odoo ERP (2)

View
Solutions — SAP Business One

Solutions — SAP Business One

View
Solutions — SELENA+

Solutions — SELENA+

View
Clients

Clients

View
Partners

Partners

View
Contact

Contact

View
Home

Home

View
About Us

About Us

View
Solutions — Bileeta

Solutions — Bileeta

View
Solutions — Corporater

Solutions — Corporater

View
Solutions — Dynamics 365

Solutions — Dynamics 365

View
Solutions — MiHCM

Solutions — MiHCM

View
Solutions — Odoo ERP

Solutions — Odoo ERP

View
Solutions — Odoo ERP (2)

Solutions — Odoo ERP (2)

View
Solutions — SAP Business One

Solutions — SAP Business One

View
Solutions — SELENA+

Solutions — SELENA+

View
Clients

Clients

View
Partners

Partners

View
Contact

Contact

View
Home

Home

View
About Us

About Us

View
Solutions — Bileeta

Solutions — Bileeta

View
Solutions — Corporater

Solutions — Corporater

View
Solutions — Dynamics 365

Solutions — Dynamics 365

View
Solutions — MiHCM

Solutions — MiHCM

View
Solutions — Odoo ERP

Solutions — Odoo ERP

View
Solutions — Odoo ERP (2)

Solutions — Odoo ERP (2)

View
Solutions — SAP Business One

Solutions — SAP Business One

View
Solutions — SELENA+

Solutions — SELENA+

View
Clients

Clients

View
Partners

Partners

View
Contact

Contact

View

UI Design

Fully Designed UI Screens

Every wireframe translated into a high-fidelity screen — built on the Win Solutions brand system with a consistent component library, colour tokens, and type scale defined in Figma. The design covers both the Services and Solutions sections of the website, each product page carrying the same structural pattern with product-specific content.

Homepage

Homepage

View
About Us

About Us

View
Services — Corporater

Services — Corporater

View
Services — Dynamics 365

Services — Dynamics 365

View
Services — Dynamics 365 (2)

Services — Dynamics 365 (2)

View
Services — MiHCM HR

Services — MiHCM HR

View
Solutions — Odoo ERP

Solutions — Odoo ERP

View
Solutions — SAP Business One

Solutions — SAP Business One

View
Solutions — SELENA+

Solutions — SELENA+

View
Clients

Clients

View
Partners

Partners

View
Mega Menu — Company

Mega Menu — Company

View
Menu Structure

Menu Structure

View
Contact Us

Contact Us

View
Homepage

Homepage

View
About Us

About Us

View
Services — Corporater

Services — Corporater

View
Services — Dynamics 365

Services — Dynamics 365

View
Services — Dynamics 365 (2)

Services — Dynamics 365 (2)

View
Services — MiHCM HR

Services — MiHCM HR

View
Solutions — Odoo ERP

Solutions — Odoo ERP

View
Solutions — SAP Business One

Solutions — SAP Business One

View
Solutions — SELENA+

Solutions — SELENA+

View
Clients

Clients

View
Partners

Partners

View
Mega Menu — Company

Mega Menu — Company

View
Menu Structure

Menu Structure

View
Contact Us

Contact Us

View
Homepage

Homepage

View
About Us

About Us

View
Services — Corporater

Services — Corporater

View
Services — Dynamics 365

Services — Dynamics 365

View
Services — Dynamics 365 (2)

Services — Dynamics 365 (2)

View
Services — MiHCM HR

Services — MiHCM HR

View
Solutions — Odoo ERP

Solutions — Odoo ERP

View
Solutions — SAP Business One

Solutions — SAP Business One

View
Solutions — SELENA+

Solutions — SELENA+

View
Clients

Clients

View
Partners

Partners

View
Mega Menu — Company

Mega Menu — Company

View
Menu Structure

Menu Structure

View
Contact Us

Contact Us

View

Print Design

Print Collateral

The brand extended beyond the screen. Business cards and letterhead bring the visual language into physical touchpoints. The letterhead was produced in two versions — English and Divehi — to serve Win Solutions' local Maldivian correspondence in the native script.

Win Solutions Business Card

Business Card

Win Solutions Letterhead

Letterhead — English & Divehi editions

Full Design File

Explore on Figma

The complete project file — wireframes, UI screens, component library, design tokens, and a lightweight design system — is open to view.

Drop a Hello!

Let's build somethingremarkable together.Get in touch!

Open to freelance projects
& new collaborations.