Web App
E-commerce Task Management Dashboard – Kanban View
A responsive Kanban task-management dashboard for an e-commerce team, with clear task cards, urgency tags and a palette tested against WCAG contrast guidelines.
- Context
- E-commerce team dashboard
- Published
- April 6, 2025
A responsive task-management dashboard for an e-commerce team, built around a Kanban board to streamline daily workflows and team collaboration.
Overview
The interface lets users track progress across four key states: To Do, In Progress, Review and Finished.
Key features
- Sidebar navigation with intuitive iconography
- Clear task cards showing assignee avatars, due dates and priority labels
- Colour-coded status tags (such as ASAP and deadlines) for urgency visibility
- A global “Create a Task” action and a searchable project bar for fast navigation
- Designed to improve team productivity and clarity in fast-moving e-commerce environments
Accessibility
To keep the dashboard readable for all users and devices, I tested my colour palette against WCAG contrast-ratio guidelines. Each foreground and background combination was checked so that buttons, labels and tags stay legible.
The contrast study defined how I use colour for
- Text on coloured buttons and badges
- Error, warning and success indicators
- Secondary or muted text styles
- Background and card surfaces
Next project