Design System (Globy)
Project Overview:
A modular, scalable, and accessible design system built for Anglobal’s internal CRM tools.
Services
UX/UI Design
Client
Anglobal
Globy
Objective
Globy was created to unify the interface of Anglobal's CRM tools, improve usability for internal users, reduce design debt, and ensure accessibility compliance in enterprise environments.
Tools & Technologies:
-
Figma & Adobe XD (Design & Prototyping)
-
W3C WCAG 2.1 (Accessibility Guidelines)
-
Atomic Design Methodology
-
Compliance with Portugal's EAA Checklist 2025
Design Tokens
-
Color palette (Primary, Secondary, Neutrals) – compliant with contrast ratios (AA/AAA)
-
Typography scale – heading hierarchy, paragraph text, accessibility-focused line height
-
Spacing system – 4px grid
-
Icon set – pixel perfect and unified visual language
Atoms (Visuals)
-
Buttons (primary, secondary, ghost)
-
Input fields (search, text, password, textarea)
-
Labels, Checkboxes, Radio buttons
-
Icons (action, status, navigation)
Molecules & Organisms
-
Calendar
-
Snack Bar
-
Button group
-
Icon with text
Templates & Pages
-
Product page layout
-
Responsive pages layout
-
New e-mail modal
What was achieved
-
Consistent UI across CRM tools
-
Streamlined onboarding for internal teams
-
Faster interface testing and delivery
-
Reduced cognitive load for daily users (internal sales, support, admins)
Reflection
Designing Globy for Anglobal’s CRM tools was a strategic exercise in creating a modular, scalable, and accessible system. The focus was on improving usability for internal teams while ensuring consistency across complex workflows. By applying Atomic Design principles and aligning with accessibility standards, I have built a strong foundation for future development and cross-platform expansion.
