// CONECTE.AI
The plan storefront regional ISPs use to sell internet online.
- UI | UX Design
Challenge
A subscriber lands on the provider site and finds a list of speeds. With no criterion, they bounce or call sales. Conecte.ai needed a storefront the provider could publish in its own skin, and a path for people who still do not know which plan to buy.
Solution
We designed the plans page, the cards, hover states, and Discover your plan: a short form that ends on a result, instead of a table the user has to decode.
// ABOUT
Tools for people who sell internet outside the capitals.
Conecte.ai builds digital product for regional providers. The provider site stops being a calling card and starts selling: plans, perks, signup. Matilha designed the storefront and the flow the subscriber uses alone.
// PLANS
For you or for the company.
Two audiences, one grid. The toggle switches the cut. The middle card carries the best-offer badge. Hover grows the card and shows what was folded. Hire now sits at the foot of every plan, always in the same place.
// DISCOVER YOUR PLAN
If they do not know the plan, they find it.
The storefront is for people who already compare. Discover your plan is for people who still do not know. A first-fold shortcut opens a form: people at home, devices, use, rooms, address. At the end, a recommended plan.
- 01Start the flow in the first fold
- 02People, devices and purpose of use
- 03Rooms and installation address
- 04Result with a recommended plan
// SYSTEM
Conecte purple, lilac in support.
The brand paints the header, the CTA and the badge. The regional provider can swap the color. The card stays white, the ground stays grey, the price stays on the same axis.
- Roxo Conecte#4B2C87
- Lilás#E4D6FF
- Cinza 05#242634
- Fundo#ECEEF0
Page titles in Lexend. Speed, price, perks and buttons in Asap. The hierarchy fits the card without shouting.
// PROCESS
From the board to the provider.
Styleguide, components and the plans page in one system. The usability test of Discover your plan became the other case: the report stays with the client, the method is published next to it.
// TEAM
- Ilana Heymowski · UI/UX
- Thomas Freitas · UI/UX
- Karen Fernandes · Support
