Developing a design system framework for SearchNEU

Developing a design system framework for SearchNEU

Project summary 🗒️

OBJECTIVE

Create and implement a design system that streamlines team workflows, improves productivity, and delivers a cohesive, consistent user experience across SearchNEU.

ROLE

Product Designer

RESPONSIBILITIES

I set up the foundation for our design system to make product development more consistent and efficient. My work included creating core components, consolidating styles in Figma, and writing clear documentation to help designers and engineers use the system easily.

By working closely with team members across design and engineering, I ensured the system reflected our brand and improved the user experience.

IMPACT

The design system was a big win for our team because it helped us work faster and stay consistent. By organizing our designs and creating shared components, we made it easier for designers and engineers to collaborate. This improved the overall quality of our product and set us up to grow without losing efficiency or focus on our users.

THE PROBLEM

The absence of proper documentation and organized Figma files resulted in repeated design creation, causing inefficiencies and inconsistencies across both design and engineering teams.

Design Systems Research 👩🏻‍💻

To build a strong design system, I researched the systems of successful companies big and small. I looked at how they organized their components, maintained documentation, and ensured consistency across teams. This research helped me to understand best practices and gave me ideas for structuring our own system in a way that was scalable and easy to use, while also aligning with our needs.

To build a strong design system, I researched the systems of successful companies big and small. I looked at how they organized their components, maintained documentation, and ensured consistency across teams. This research helped me to understand best practices and gave me ideas for structuring our own system in a way that was scalable and easy to use, while also aligning with our needs.

To build a strong design system, I researched the systems of successful companies big and small. I looked at how they organized their components, maintained documentation, and ensured consistency across teams. This research helped me to understand best practices and gave me ideas for structuring our own system in a way that was scalable and easy to use, while also aligning with our needs.

Auditing and Simplifying Typography 📝

I conducted an audit of our existing typography to identify inconsistencies and simplify the typeface system. By analyzing font usage across SearchNEU, I was able to reduce unnecessary variations and create a more streamlined, cohesive system.

DESIGN SYSTEMS

Typographic Systems

DESIGN SYSTEMS

Color Systems & Guides

Setting the Stage for Future Teams 🚀

By setting up clear design guides and systems, we created a strong foundation for consistency and collaboration. Updating Figma styles with a well-organized structure ensured that future teams could easily build on our work without confusion. This system not only improved efficiency for our current team but also set up future designers and engineers for long-term success.

By setting up clear design guides and systems, we created a strong foundation for consistency and collaboration. Updating Figma styles with a well-organized structure ensured that future teams could easily build on our work without confusion. This system not only improved efficiency for our current team but also set up future designers and engineers for long-term success.

By setting up clear design guides and systems, we created a strong foundation for consistency and collaboration. Updating Figma styles with a well-organized structure ensured that future teams could easily build on our work without confusion. This system not only improved efficiency for our current team but also set up future designers and engineers for long-term success.

Made with by Vanessa Peng

Made with by Vanessa Peng

Made with by Vanessa Peng