Punchhh

Building a scalable atomic design for Punchh

overview

Punchh is a prominent loyalty and engagement platform in the United States, specializing in aiding the world's largest restaurants, convenience stores, and retail brands to acquire and retain customers, enhance visit frequency, and maximize consumer spending.his project aimed to develop a comprehensive, white-label atomic design system that would serve as the definitive source of truth for all user interface (UI) design projects at Punchh, facilitating consistency and efficiency across the board.

Research

Defining the problem

Before the intervention, Punchh faced significant challenges, including inconsistent UI components across platforms, difficulty maintaining a unified brand identity, and inefficiencies in the design and development processes. These issues compromised the user experience and hampered the scalability of their digital assets.
No items found.
Design process

Worked on the design and refinement of a comprehensive atomic design system, ensuring it was user-centric and met all accessibility standards.

No items found.

Development of Atomic Design System

User Research: The design of over 200 unique components was informed by thorough user research and testing to ensure that each component was not only functional but also met the end-users' needs. Accessibility Compliance: A significant focus was placed on ensuring all components adhered to the latest accessibility standards, thus guaranteeing that Punchh's services were inclusive and accessible to all users. Review and Optimization: Each component underwent rigorous reviews and discussions to maintain a lean and effective component library, preventing unnecessary bloat and ensuring optimal performance.

No items found.

Final Product:

The culmination of this project was a robust and scalable atomic design system that has been fully integrated into Punchh's daily operations, influencing every aspect of their UI design projects.

No items found.
Impact on Punchh

Efficiency: The new design system has dramatically streamlined the design process, reducing time-to-market for new features and facilitating more seamless collaboration across teams. Consistency and Scalability: It has also ensured a high level of consistency across various platforms while providing the flexibility needed to adapt to future needs.

No items found.

Design thinking

In developing Punchh's design system, integrating client feedback and needs through design thinking was key. This approach ensured the components were not only functional but also aligned with end-user requirements, enhancing usability and satisfaction.

Delivery

The final produce

The development of the atomic design system for Punchh has markedly enhanced their operational efficiency and brand consistency, setting a new standard for their digital engagements.
No items found.
See more
Portfolio

Testimonials

Don't take my word for it

Jack Morgan's testimonial

“Malak and I worked in the same team over two client projects at Academy Xi. In both projects she was extremely organised, kept both the projects running smoothly and worked brilliantly with everyone in the team. She worked efficiently, and contributed so much creatively, she has great ideas and a fantastic understanding of the UX process. She was excellent to work with both times, and would be a fantastic addition to any UX team..”

UX Designer @ Zurich Insurance Company
Jack Morgan's testimonial

“I collaborated with Malak for a couple of years at Shoreditch Design Studio. Throughout our time together, she consistently demonstrated a fantastic eye for design, complemented by strong UX/UI skills. In addition, Malak proved to be an invaluable asset to the team, showcasing excellent communication skills in direct interactions with clients.”

Creative Director @ Shoreditch Design Studio
Aidan Street's testimonial

"I worked with Malak on a UX team project for Collabor8 Thinkspace. From the outset I was impressed by her pragmatic approach to understanding and solving the problem space, always putting the user at the centre of any design thinking. She provided the team with in depth research and valuable insights early on in the project before taking a leading role in developing, designing and testing user focused solutions within design software. She communicates her thoughts clearly and always has something of value to say, this makes working with Malak really enjoyable and I would look forward to working with her again. She was a valuable member of the team and would be an asset to any UX team in the future."

UX team coordinator at Momentumgroup
Aidan Street's testimonial

"Malak, has a sound understanding of design principles and can take a project from concept to delivery with ease. She is not afraid to question and always looks for improvements to the customer experience."

Partner Sales Manager @
Amazon Web Services (AWS)
Kenneth D'souza's testimonial

“Malak is highly organised and insightful in the UX process, she thinks out of the box and has a keen eye for detail. She has a strong work ethic and is highly motivated individual. She is also a strong communicator with good design skills and a passion for UX..”

Senior UX Designer @ Symplicit
Pia Uch testimonial

“I worked with Malak on the Collabor8 Thinkspace project. She’s a driven, ambitious individual with a strong enthusiasm for the project. A skilled UX and UI designer that can turn a concept into reality upon client requests. Malak was dedicated to delivering high-quality works. She’s truly a user experience professional, knowing and working with Malak is a very pleasurable experience. Malak has an impressive work ethic that I would recommend her to any team!”

Product Designer at Frod
Billy Humble testimonial

“Malak is spectacular to work with, she works through the problem with the group and helps point out details that were overlooked, she is highly motivated and excellent communication skills. She adds great value to any Ui/Ux Team and I would highly recommend her”

UX Designer @ Defence Australia
Priya Venugopal's testimonial

“I worked with Malak on couple of projects. She has an excellent leadership skills when it comes to managing a project and team. She consistently demonstrated her solid work ethic and problem solving skills throughout the project. She is a great asset to any UX team!.”

UI Designer @ Contal Services
Adele Brizzi's testimonial

"I worked with Malak on a team project, she was a great team member and proposed a number of valuable ideas throughout the project. She took responsibility for decisions and develop a hi -quality prototype to deliver to the client. Would love to work with her again"

UX/UI Designer