All projects

Sufni – Borrow a Tool

A tool-sharing app with a friendly identity: a green isometric shed, a bold wordmark and a palette taken from the workshop.

The SUFNI wordmark next to a phone showing the app’s home screen, on a white and orange background
Project
Individual
Year
2021 Conceptual
Tools
Figma
Course
Product design · MOME ID

The brief

A drill or a sander often sits unused for most of the year. Sufni (Hungarian for “shed”) lets them borrow one from a neighbour or a local shop instead of buying it. The app had to make borrowing feel as easy and trustworthy as taking a tool from your own shed.

My role

I mapped the user journey and flows, wireframed and designed the app, and created its visual identity: the wordmark, the isometric illustrations, the icons and the colour palette.

Four promises

The app is built around four promises, each with its own icon: the right tool for you, closest to you, on your time, and courier delivery. The green isometric shed opens the story, because that is where tools usually live.

The isometric shed illustration next to four icons: the right tool, closest to you, time and courier services
The shed and the four promises

Journey and flow

A journey map followed someone from needing a tool to returning it, marking their feelings and pain points at every step: finding the right tool, trusting a stranger, paying a deposit, arranging pickup. The flow below turned those steps into screens.

User journey map with steps, emotions and pain points
User journey map
User flow from search to returning the tool
User flow
Wireframe: search Wireframe: tool list with filters Wireframe: lenders for a tool Wireframe: closing a rental

Wireframes

Visual identity

The wordmark is set in heavy capitals with the line “Borrow a tool”. The illustrations are isometric 3D objects (the shed, a hammer, a drill) in soft greens, which make tools look friendly instead of technical. A deep workshop green carries the interface, and one bright orange marks every action, so the next step is always obvious.

  • Shed green#00382F
  • Teal#1F5E57
  • Action orange#F7900A
  • Sand#F8D488
Overview of the app screens on a white background
The app at a glance

Screens

Browsing starts with the tools, not the people: large product photos, short specs and a comparison guide (“hammer drill or impact drill?”). Lenders are listed by distance or price on a map, with reviews. Booking, delivery, payment and the deposit each get their own calm step, and the last screens close the loop with an isometric illustration and a review.

Hammer drills category with product cards Guide: hammer drill or impact drill Tool list with photos and specs Tool detail page

Finding the right tool

Lenders nearby on a list and map Map view with a selected lender Lender profile with reviews Choosing a date and rental period

Choosing a lender and a date

Pickup options: courier services or personal pickup Deposit and contract step Successful rental with the isometric shed Rental closed with an isometric hammer

Pickup, deposit and confirmation

Reflection

Sufni was one of my first app projects, and it showed me how much a visual identity helps a product earn trust. The isometric shed made the brand warm and memorable, and keeping orange only for actions made a long booking flow feel simple.

Next project

Interactive Digital Signage

View case study: Interactive Digital Signage