Spurfit
Timeline
Feb - Apr 2026
Role
UX/UI Designer, Web Designer, Researcher
Tool
Figma, VScode
Challenge
The Spurfit desktop application is difficult to navigate due to an excess of information on the site.
Objective/Goals
Focus on improving the information hierarchy, the lack of white space and information crowding, and the inconsistencies with the graphics.
Design Process
Empathize
Research
Research conducted to better understand what inconsistencies I can rework into changes to better improve the site. Through this I have determined that I’ll focus on the information hierarchy, the lack of white space and information crowding, and the inconsistencies with the graphics.
Reusable Elements
Colors
Fonts
Buttons
Cards
Mobile App Snapshots
Needs Improvement
Information Hierarchy
Lack of White Space
Information Crowding
Inconsistent Use of Graphics
Define
Redesign Spurfit's desktop site to declutter the information on the homepage. Creating information hierarchies while utilizing white space will help the user navigate the site and prompt them to use the services.
Ideate
Priority Features
Low-Fidelity Wireframe
Colors
Reused original colors from desktop application. Colors are cohesive and utilized throughout the site.
Buttons
Reused original colors from desktop application. Colors are cohesive and utilized throughout the site.
Fonts
Reused original colors from desktop application. Colors are cohesive and utilized throughout the site.
Cards
Reused original colors from desktop application. Colors are cohesive and utilized throughout the site.
This low-fidelity wireframe is a revised iteration of the original site. The goal of this wireframe is to reduce the amount of information on the landing page.
High-Fidelity Wireframe
The high-fidelity wireframe focuses on the landing page, AI abilities, pricing, reviews, and FAQ section. This goal is to finalize the spacing of the elements and text.
Coded Design Tokens
The elements above were created into design tokens as a point of reference for future design and development updates and changes.
Test
Final Prototype
The final prototype is for the desktop homepage for the Spurfit website. The prototype adds the final design elements following the previously established design systems.
Conclusion
Spurfit's desktop application was overwhelmed with information and graphics. The goal was to reduce the clutter, utilize white space, and direct the users to the appropriate areas on the site.
