Project
Hop Mobile
A new digital ecosystem to transform radio, connectivity and services into simple paths to understand, choose and buy.
Client
Hop Mobile
Period
2026 · scheduled launch September
Category
Website · UX/UI design · E-commerce
Visit the website
Visita hopmobile.netConnectivity, products and services
Not a catalog to cross. A system that drives the choice.
Hop Mobile brings together professional radio, accessories, SIM, rental and solutions dedicated to very different contexts: from motorsport to safety, from industry to transport. The new digital project was created to make this width readable without reducing it to a simple list of products.
We redesigned architecture, interface and commercial journeys as one system. People can start from what they need to do, the sector they work in or a product they already know, reaching enquiry, purchase or activation with fewer steps and more context.
State
In phase of release
Expected budget
September 2026
Ambito
UX/UI, web, e-commerce
Platform
WordPress + WooCommerce
Products, solutions and people finally find a common structure.
The starting point was a rich offer, but distributed among technical categories, areas of use and different services. We have reconstructed the relationships between radio, accessories, SIM, Tandem Pack, rental and Management Platform, defining a hierarchy capable of speaking both to those who already know the product and to those who start from a need.
Megamenu anticipates the range without submerge the user; the archives maintain consistent categories and filters. Navigation thus becomes a part of the orientation process, not an obstacle before the content.
The same offer changes language without losing recognisability.
The homepage alternates context, advantages, sectors, products and connectivity profiles. Each block has a precise task: explain, compare or lead to action. Color, typography and components maintain continuity between editorial pages and commercial areas.
Desktop and mobile are not two reductions of the same layout. On the screen small hierarchy, navigation and actions have been recomposed to preserve clarity even when catalog and options become more dense.
Physical products and digital services coexist in the same path.
A radio requires images, specifications, compatible accessories and often a technical comparison. A SIM card requires an understanding of coverage, profile, header and activation mode. We have designed different cards and paths, but maintaining a recognizable commercial experience.
WooCommerce manages catalogue, shopping cart and payment; the interface organizes information so that purchase does not start from price, but from understanding what you are choosing and what will happen next.
Choosing the profile becomes an understandable flow.
The route distinguishes private individuals and companies and features Italy, Europe and World with comparable features and costs. After the selection, the user continues through card, cart, payment and data collection necessary for activation.
The experience makes the transition between purchase and service visible: it does not promise instant activation, but clears time, verification and next steps. It is an operational detail transformed into trust.
Figma defines the system. Staging testifies it.
The project was built from architecture and navigable prototypes to components, templates and real content. Staging today allows you to check the experience on the entire catalog, on the different devices and purchase steps before the definitive transfer.
Release on the hopmobile domain. net is scheduled for September 2026. We therefore relate to a system already designed and implemented, but still in the phase when controls, content and operational details are consolidated before the public opening.
The system designed
More ways to get in. One way to recognize each other.
The new ecosystem coordinates information, guidance and commerce while maintaining a wide and constantly changing range.
Products + solutions
Contextual choice
The range can be explored by technical category or from the scope of use.
Physical + digital
Coordinated Commerce
Radio, accessories and SIM profiles enter different but consistent business paths.
Figma → staging → live
Controlled release
Prototype, implementation and verification accompany the transition to the final domain.
Let’s build something useful.