Skip to main content
UI-UX

Tomonet

Tomonet

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Potenza for ultimate handling, Turanza for smooth and quiet — Tomonet is the tire marketplace app that knows what you need before you've finished searching."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/tomonet.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"App UI Design — Tomonet"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Tire Marketplace · Bridgestone · Indonesia"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A clean, well-structured mobile app UI for Tomonet — a tire sales platform connecting buyers with tire products and nearby stores, built around the Bridgestone product ecosystem."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The home screen is organized into four clear value layers that together cover the complete tire-buying journey:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"TOMO Point (235 points):"},{"type":"text","text":" A loyalty dashboard header with four quick actions — TOMO (store), Promo, Voucher, Help — gamifying repeat purchase behavior with a points system that rewards loyal customers."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Tipe Ban (Tire Types):"},{"type":"text","text":" A horizontal product carousel featuring Bridgestone's flagship lines — Potenza (\"Ultimate handling & response\") and Turanza (\"Smooth, quiet and comfortable\") — each with product photography that communicates the tire's character before a spec is read. The brief taglines are smart copywriting: they communicate performance positioning in four words."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Search by Size:"},{"type":"text","text":" \"Cari ukuran ban ex: 265/65 R17\" — a search bar with placeholder that educates new users on the correct format, reducing input errors and friction for a category where incorrect sizing is a real purchase risk."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"5 Toko Terdekat (5 Nearest Stores):"},{"type":"text","text":" A proximity-based store discovery strip showing the closest Bridgestone/tire retailers from the user's current location — closing the loop between digital discovery and physical purchase."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The red-and-white brand palette is clean and energetic. The bottom tab bar — Home, Product, Store, Account — maps a complete e-commerce architecture in four taps."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"An app that makes buying tires feel as simple as buying anything else online — which, for most people, it never has been."}]}]}

Tech Stack

Figma

Tags

UI-UXtirecarmobileappmobile appProject

Completed

July 2019

Project Scale

short Project