First Digital Trust Ltd (FDT) is a high-end fintech trust custody company. We launched a new client portal, "SmarTrust". My initial project involves developing the design system, transferring website materials from the agency, and solidifying our branding and visual elements.
Licensed by First Digital Trust Ltd.
------------------------
Skills: Design sprint . Design management . Market research . Branding . Design systems . Responsive design . Iconographic. Prototype
Tools: Figma . Miro . Confluence . Jira . Material design
Design system in Figma
We analyzed the design features of the current website and established a series of design systems in Figma based on integrated concepts in a tight timeline.
--------
The problem
1. The agency's original files were disorganized and did not accommodate the responsive website and app.
2. The original design software (Adobe Xd) cannot be directly transferred to Figma, requiring a rebuild.
3. Font size, color matching, and contrast are inadequate and need improvement.
4. Limited resources necessitate collaborative design for features and component development.
The goal
1. Ensure responsiveness and accessibility across platforms.
2. Rebuild the design system in Figma.
3. Organize design components for easier access by designers and engineers.
4. Ensure deliverables meet front-end requirements and user needs.
5. Add relevant functions to simplify the process when creating components/modules.
--------Action Plan
1. List necessary components in Confluence with references.
2. Sort and prioritize components by feature requirements.
3. Create a Jira ticket linked to related issues; place others in the backlog.
4. Estimate time for design and implementation.
--------
Quicker and easier to find the component you need
Quickly finding your button is crucial, along with correctly naming your components. In Figma, select the "Page" to locate the component and choose the appropriate "Variants" from the dropdown.
--------
Text button example
This showcases how to dynamically use the master component with different variants and usage guidelines.
--------
Other components
Please click here to experience the revamped website.