Veritas Design System
189% more productive, zero arguments, one shared truth.
User Research
User Interface
visual design
Context
Veritas is Udacity’s new design system, created through a close collaboration between Creative Aliens and Udacity’s Design, Brand, and Engineering teams. I was part of the core team at Creative Aliens, working to rebuild the system into a modern, user-focused, and consistent experience. The goal was to make design faster, smarter, and easier to scale by following Udacity’s updated brand guidelines and an 8pt atomic design structure.
My Role
Tools
Responsibility
Led the end-to-end UX and UI design of Udacity’s B2B platform, ensuring consistency, usability, and scalability.
Redesigned and standardized over 500+ components, transforming a fragmented system into a cohesive design ecosystem.
Reimagined complex data tables into clean, intuitive, and accessible layouts that enhanced user comprehension.
Delivered fully responsive designs optimized for multiple breakpoints and device types.
Collaborated closely with the Creative Director at Creative Aliens to maintain design quality, meet deadlines, and align with Udacity’s evolving requirements.
Partnered with a team of five designers, providing creative direction, feedback, and alignment on design strategy.
Why This Design System?
Enables teams to work faster and smarter by reducing repetitive design and development tasks.
Eliminates confusion and conflicts between designers and developers through a single source of truth.
Promotes consistency and scalability across all products and touchpoints.
Encourages reusability—build once, use everywhere.
Simplifies the process of maintaining and evolving the brand across the entire ecosystem.
Impact & Results
With 500+ components and 250+ layouts, the system boosted productivity by 189% and created a seamless workflow between design and development.
To Improve Outcomes, I Surveyed My Colleagues, Friends, and Clients
We aimed to be intentional and present throughout the design process—building with purpose, clarity, and control.
Our journey began with defining the brand strategy, followed by brainstorming and research sessions to understand Udacity’s existing challenges. We held multiple meetings with Scott Dickie from Udacity to identify the core problems the team was facing and the type of solutions they needed.
From there, we established rules and principles, explored design directions, and implemented a scalable, reusable, and well-documented design system—making the entire process more efficient, consistent, and cost-effective.
Building on an 8pt Atomic Grid System
The foundation of the design system was built on an 8px atomic grid, ensuring precision, balance, and visual harmony across every component. This grid acted as the structural
Spacing
Indentation gives layouts air, consistency, hierarchy, and predictability.
Typography system
We’ll use standard typefaces and a clear scale to create a consistent, easy-to-follow hierarchy across the product.
Icons
We’ll use a clear type scale to set font standards and hierarchy, so the product’s information stays consistent.
Colors
Our color palette is complementary, readable, and helps separate parts. Use color to convey meaning and support communication in the design.
Buttons
Buttons let users take actions or make selections with one tap. They show what actions are available and appear throughout the UI.
Progress Bar
A progress bar shows how far a user is in a process. Use it to orient users and indicate status in their journey.
Avatar
An avatar (userpic) is a UI element that represents the user, helping identify them.
Radio Button And Checkbox
Chips
Buttons should be consistent with familiar calls to action. Chips are dynamic and usually appear as a group of multiple interactive elements.
Dropdown
Cards
Navigation bars (menus/navbars) link to pages within a site, helping visitors move around smoothly. They can be hidden or easily accessible, guiding users to the most useful or interesting pages.
Navigation
Navigation bars (menus/navbars) link to internal pages, helping users move around a site. They can be hidden or always visible to guide visitors to useful or interesting content.
Impact
When evaluating a design system, focus on its effect on the end-user experience. Let’s compare before and after implementing the system.
DESIGN OUTCOME
With 500+ components and 250+ layouts, the system boosted productivity by 189% and created a seamless workflow between design and development.
Creative. Disciplined. Always dependable
I had the pleasure of managing Eftakher on multiple UX and design system projects, and he consistently impressed me with his talent, dedication, and professionalism. He not only delivered high-quality work that met our standards but also ensured everything was completed within the expected timelines. Eftakher is a reliable and skilled designer who brings both creativity and discipline to his work.
Mamun Srizon
Creative Director, Creative Aliens
Credits
Services
Research
Component Design
Interface Redesign
Design Sytem
Tools
Figma
Figjam
Jira
Toggl
Slack
team
Driver
Mamun Srizon, Creative Aliens
Scott Dickie: Udacity
Lead Collaborator
Md Eftakher
Creative Aliens
Towkir Ahmed Bappy
Nazibuddoula Nayeem,
Ahmad Firoz
Udacity
Allison Hughes
Courtney Yingling,
Kolby Sisk
