Figma based Home Screen Case Study

Skills/Tools: Figma, Sketch, Axure, Jira, Photoshop, Illustrator. Accessibility, Contrast Ratio Testing, Branding, Design System, Figma Library Build, and Asset Creation.

My role: As a temporary Buick Brand UX Lead, my duties often meant maintaining the home screen for the Buick brand as well as the build of each of the components.

Team Collaboration: Attended meetings, engaged in design tasks, addressed software queries via Jira, conducted QA testing when necessary, collaborated with fellow designers, and delivered presentations to the broader design team.

User Research:
We gathered insights from GM vehicle owners via interviews and surveys to understand their needs and frustrations with the existing GM Buick branding. Usability tests were conducted to observe user interactions and identify areas for improvement.

Objective: Maintain Buick Brand standards, design with user accessibility in mind, simplify user experience, and design for multifunctional controls.

1. Develop and Design the Component Library: By laying out the icons per category needed, I was able to lay out the icon library for each of the larger components. These building blocks were shown to be variants of the main default component.

2. Build Main components: Once the foundation was established, designing the elements of the status bars, hvac, meta bar, and smart controls was easily built by swapping out variants per display need.

3. Build Complex Components: States of normal, pressed, selected, and disabled were all needed to elaborate on specific case needed visuals as well as if this was ever given to a software partner to build.

4. Regular Updates and Releases: Maintenance of icon updates, library and color variable updates, system changes, or third party influenced changes would be handled by a UX design lead such as myself.

5. Performance Optimization: Address performance issues by optimizing app performance, reducing loading times, and resolving bugs or crashes through rigorous testing and debugging.



Design execution & experience strategy – Created wireframes, mockups, and high-fidelity prototypes ensuring alignment with the feature/project goals.

Design execution & validation – Produced high-fidelity designs, prototypes, and detailed design specifications. Figma examples of the case study and application of these methods are displayed to the right.

Leadership – Presented ideas internally and led design critiques within the team to drive decision-making. Documented and presented the ideas to higher management and product owners.

Implementation – Worked with a development team and contributed directly to QA testing, ensuring the successful realization of my designs.

© 2025 Gruenwald Design.

My role: As a temporary Buick Brand UX Lead, my duties often meant maintaining the home screen for the Buick brand as well as the build of each of the components.

Skills/Tools:
Figma, Sketch, Axure, Jira, Photoshop, Illustrator. Accessibility, Contrast Ratio Testing, Branding, Design System, Figma Library Build, and Asset Creation.

Team Collaboration: Attended meetings, engaged in design tasks, addressed software queries via Jira, conducted QA testing when necessary, collaborated with stakeholders and fellow designers, and delivered presentations to the broader design team, consisting of over 150 members.

User Research:
We gathered insights from GM vehicle owners via interviews and surveys to understand their needs and frustrations with the existing GM Buick branding. Usability tests were conducted to observe user interactions and identify areas for improvement.

Objective: Maintain Buick Brand standards, design with user accessibility in mind, simplify user experience, and design for multifunctional controls.


1. Develop and Design the Component Library: By laying out the icons per category needed, I was able to lay out the icon library for each of the larger components. These building blocks were shown to be variants of the main default component.

2. Build Main components: Once the foundation was established, designing the elements of the status bars, hvac, meta bar, and smart controls was easily built by swapping out variants per display need.

3. Build Complex Components: States of normal, pressed, selected, and disabled were all needed to elaborate on specific case needed visuals as well as if this was ever given to a software partner to build.

4. Regular Updates and Releases: Maintenance of icon updates, library and color variable updates, system changes, or third party influenced changes would be handled by a UX design lead such as myself.

5. Performance Optimization: Address performance issues by optimizing app performance, reducing loading times, and resolving bugs or crashes through rigorous testing and debugging.

Design execution & experience strategy – Created wireframes, mockups, and high-fidelity prototypes ensuring alignment with the feature/project goals.

Design execution & validation – Produced high-fidelity designs, prototypes, and detailed design specifications. Figma examples of the case study and application of these methods are displayed above.

Leadership – Presented ideas internally and led design critiques within the team to drive decision-making. Documented and presented the ideas to higher management and product owners.

Implementation – Worked with a development team and contributed directly to QA testing, ensuring the successful realization of my designs.