Skip to content
All work

02Corporate website · Technology company

Purple Dotts

Corporate website design

My role
UI/UX Design · Visual Design · Motion Design
Project type
Corporate Website Design
Category
Corporate website · Technology company
Website platform
WordPressDevelopment handled separately
Purple Dotts dark hero with scattered glowing purple dots

01Overview

Designed the Purple Dotts corporate website to communicate the company's vision, showcase its digital products and solutions, and present its services through a cohesive and engaging digital experience. The design focused on clear content hierarchy, modern visual storytelling, and motion-led interactions.

Visit Live Website

02My role

UI/UX Design · Visual Design · Motion Design

01UI/UX Design
Designed the information architecture, page layouts, navigation, content hierarchy, and user experience across the website's pages.
02Visual Design
Created the website's visual direction, typography, color usage, section layouts, reusable design patterns, and high-fidelity Figma designs for all pages.
03Motion Design
Designed animated interactions, motion concepts, and transitions to make the website feel more dynamic and engaging while maintaining a consistent visual experience.

03Visual direction

Colour palette

  • Electric purple

    #A900FF

  • Deep purple

    #28118F

  • Plum

    #3B0B5E

  • Black

    #000000

  • Mist

    #F5F5F5

04Figma design

Website Design in Figma

From page structure to high-fidelity interfaces, the design brings together a consistent visual system across the Purple Dotts website.

05Website experience

Crafting a Cohesive Digital Experience

The design combines structured content, expressive visual elements, and purposeful motion to present Purple Dotts' capabilities in a clear and engaging way.

  • 01

    Consistent UI design across all website pages.

  • 02

    Clear content hierarchy for company information, solutions, products, and case studies.

  • 03

    Modern visual storytelling and distinctive section layouts.

  • 04

    Motion concepts, animated transitions, and interactive visual elements.

  • 05

    Consistent typography, spacing, colors, and reusable design patterns.

  • 06

    Responsive design considerations for different screen sizes.

06Final UI

Screens from the live website

Use the left and right arrow keys, or swipe, to move between screens.

Purple Dotts dark hero with scattered glowing purple dots

01 / 08Hero — “Connecting the dots behind every growing business”

Next case study

RC Marketspace

A free global marketplace for buying and selling RC jets, planes, helicopters, cars, boats and parts.