Redesigning IntellectDTC's Platform
COMPANY
Intellect Design Arena
ROLE
Lead Designer
YEAR
2024
Overview
IntellectDTC provides AI-driven digital commerce solutions to enhance efficiency and reduce costs. Targeting businesses of all sizes, IntellectDTC empowers organizations to transform their digital commerce operations effectively.
Problem
Outdated Style Guides
The current Style Guides are incomplete and lack responsive versions for components.
Accessibility Issues
Screens and components are not WCAG-compliant, affecting accessibility.
Tight Deadlines
The project requires creating an entire design system and revamping 120 screens in 2 months.
Quality Assurance
Deliverables need a final review to ensure they meet standards before project closure.
Solution
Outdated Style Guides
Develop a unified Style Guide covering all components and their responsive versions. Update it as new elements are identified during the revamp.
Accessibility Issues
Update all components and screens to meet WCAG standards. Include compliance details in the Style Guide for easy reference.
Tight Deadlines
Milestones were structured as sprints to keep the work aligned. The first milestone focuses on finalising the Style Guide, while subsequent sprints will tackle screen revamps systematically
Quality Assurance
Revisit and finalize the Style Guide and revamped screens to ensure alignment with goals and quality benchmarks.
Outcome
1000+ Components
A comprehensive design system with over 1000 components, including light and dark themes.
120 Revamped Screens
Revamped 120 screens for a consistent, responsive user experience across all devices.
WCAG Compliance
Faster, accurate reports for insurance and parent evaluations.
Dark Mode Support
Fully integrated dark mode for enhanced usability and user preference flexibility.
Comprehensive Design System
A detailed design system with 1000+ components, ensuring consistency and scalability across all iDTC products.
WCAG Compliance
Adhered to WCAG guidelines to ensure accessibility and inclusivity for all users.
Mobile Responsiveness
Optimized designs for seamless functionality across mobile, tablet, and desktop devices.
