Explore portals
Datavalet: one login,
eight national brands.
The Wi-Fi captive portal is the first screen you see on public networks. I designed one responsive login and made it wear eight brands, from McDonald's to Honda, each unmistakably itself, all sharing the same simple connect flow.
The problem
When you join Wi-Fi at a McDonald's, a Honda dealership, or in a Téo Taxi, a login screen appears before you get online. Datavalet runs that screen for many clients, and each one wanted it to feel like their brand, not a generic utility page. It also had to work on phone and desktop, stay accessible, and let anyone connect in about one tap.
The approach:
one frame, eight skins
I designed a single responsive login pattern: a clear welcome, one connect action, terms, the brand's logo lockup, and the Datavalet and Bell attribution. Then I art-directed that same frame to each brand, keeping the flow identical and changing only the skin.
McDonald's — gold "Free Wi-Fi" headline on black, hero burger, a McCafé bakery promo strip.
Click to view the whole page
Honda — moody Civic Type R hero with a clean white login card and red accents.
Click to view the whole page
Tim Hortons — coffee-bean photography and the signature red bands and cup.
Click to view the whole page
Téo Taxi — Vidéotron green with in-car lifestyle photography: "Enjoy free Wi-Fi in all Téo vehicles."
Click to view the whole page
Ubisoft — a low-poly collage art hero with a dark circular login badge and cyan CTA.
Click to view the whole page
Datavalet's own portal —
where it all started
Click to view the whole page
The outcome
One product that wears any brand convincingly. The proof is the range: the same accessible login, eight identities, and not one of them looks like a template. UI discipline and brand sensitivity in the same body of work.
Phone
+1 514 268 8482
Location
Montreal, Quebec
carl.gebran@gmail.com