Osklen

The brief

Osklen’s online store had two jobs to do at once. It had to sell, inside one of the most rigid structures on the web, where shoppers expect a clear and well-defined path from product to checkout. And it had to carry a brand whose value rests on an ethos: the meeting point of city life and care for the environment that Osklen has built its name on. Aparelho Studio started before the website, with the identity itself, so that the store would become the fullest expression of the brand rather than a catalog dressed in its colors.

The system

The experience is built in three layers. The first carries the ethos and history of the company, the second holds the content, from products and imagery to storytelling, and the third is the interactive layer of menus, buttons and modals, set as transparent cards and tabs that float above the page. White space gives every piece room, and imagery leads each view. Video replaces static carousels: a smaller film plays over a larger, blurred version of itself, so each one reads full screen while the files stay light enough for older devices.

The identity

The refinement began with type. Aparelho moved Osklen away from an obscure version of Helvetica to a pairing of Neue Haas Grotesk and Suisse Int’l, a combination that keeps its character on screens of every size and performs better across the store. Around it, the studio designed a vocabulary of micro-interactions and detailed components, so every hover, transition and product view carries the same calm precision. The result balances storytelling and functionality: the brand speaks in full, and the path to purchase never gets in its way.