top of page

FieldEdge

Design System

How to simplify and create an impactful design system. 

Problem at hand

How can I create a design system that is simple, scalable, and understandable by designers and developers?

Project Overview

When I joined FieldEdge, the mobile app, didn't have a set design system. The senior designer and I planned to update our design system before mobile 2.0 was planned. It was time for a concrete design system. 

​

Problem

I began working on this project when Mobile 2.0  was introduced. I quickly noticed that the components and design system from Mobile 1.0 were inconsistent and lacked structure. The typography was particularly problematic, with too many different fonts in use. My goal was to simplify the typography rules, ensure consistency across all components—such as maintaining uniform corner radius and consistent button styles—and modernizing the overall design by applying best practices.​

​

The Component Library

Frame 427319487.png
Frame 427319488.png
Frame 427319492.png
Frame 427319493.png
Frame 427319494.png

Next Steps

As the design system continues to evolve, my goal is to create more standardized assets that can be reused in many ways. I plan to maintain and refine the component library, breaking down each component's structure and functionality, while also documenting in how components should behave. 

Moving forward, I aim to gather feedback from designers across the design team within Field Services to assess how the design system has impacted their workflow and onboarding experience. Additionally, I want to understand how we can further improve the system to better meet the needs of the design team. (i.e what;s the best way to document components and display guides and instructions) 

Other Projects

Thank you for your interest in my work. Let's Connect!

  • LinkedIn

Made with café + spicy chips  © Sharlene Parra 2024

bottom of page