CLIENT


Fingertip.com is an Australian start-up reimagining the concept of websites and how they are created. With a variety of ready-made widgets, anyone can create a personalised site without coding or design skills required. You simply pick a widget, stack it on your page and customise it with your style. Each widget is unique letting you share contact details, show photos, get bookings, or even sell products.


BRIEF


Design a range of new widgets that users can add to their Fingertip pages.


ENGAGEMENT


3–week contract

CHALLENGE

The Fingertip team had been working with several designers to help them create widgets, but very quickly, I noticed their widget library had been created without considering the bigger picture.

The existing widgets look good individually, but when customised or stacked side by side, they all look inconsistent.

It became clear that before we could design new widgets, a comprehensive solution was necessary to ensure that future widgets maintained the overall quality of the product.

APPROACH

To provide Fingertip with the right solution, I followed a process of education, design, and implementation. Here is a breakdown of what I did: Demonstrated the value of using a design system with defined rules to scale and future-proof the widget design process. Audited and identified areas for improving existing widgets. Implemented UI guidelines and rigour for widget consistency. Designed the new widgets following the suggested guidelines, considering flexibility and scalability so users can customise widgets. Worked closely with the engineering team to improve existing widgets and deploy new ones.

““It was awesome working with you and your widget best practices were a true revelation."
CTO & Co-founder of Fingertip.com

OUTCOMES

The result is a holistic solution that provided Fingertip with established design rules for their widget library and a series of new widgets designed using best practices. This work will allow the team to expand in the future while maintaining harmony and reducing inconsistencies in their product.