Power and Precision: Lexani Tires Digital Revamp

  • João Barbosa

Revitalizing Lexani Tires digital presence to resonate with a discerning and performance-driven audience. As the sole UI Designer on this project, I worked closely with the client’s agency to craft a dynamic and engaging platform that not only highlights their premium products but also enhances the user experience at every touchpoint. From the immersive 3D tire showcase to the intuitive product finder, we're proud to have created a website that truly reflects the power and precision of the Lexani brand.

Brief

The primary goal was to refresh the Lexani Tires website, enhance user experience, build brand credibility, and increase visibility. The design had to appeal broadly to all vehicle owners, with a particular focus on a male demographic.

Solution

A modern and dynamic design was implemented using Neue Power Italic to convey a sense of movement and speed, reinforcing the brand's identity as a leader in high-performance tires. The use of bold typography and high-contrast colors aimed to capture attention and guide users through the website effectively.

I focused on creating an intuitive navigation flow, ensuring users could easily find and explore the tire products. The layout was optimized for both desktop and mobile, providing a seamless experience across devices.

Featured Detail

One of the standout features of the new site is the interactive 3D product showcase. As users scroll, they are presented with an immersive experience where the tire model approaches the screen, revealing key features and specifications. This not only engages users but also highlights the superior quality of the products.
\",\"cache_age\":86400},\"meta\":{\"extractor\":\"iframely\"},\"links\":{\"self\":\"v1/x-media/https://framerusercontent.com/assets/fzut8dChmrzPGN7OdZHfxURPOwE.mp4\"},\"properties\":\"~project~project~attributes~blocks~8~attributes~xMedia~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/embed-blocks/224840\"},\"relationships\":{\"x-media\":{\"links\":{\"self\":\"v1/embed-blocks/224840/relationships/x-media\",\"related\":\"v1/embed-blocks/224840/x-media\"},\"data\":{\"type\":\"x-media\",\"id\":\"https://framerusercontent.com/assets/fzut8dChmrzPGN7OdZHfxURPOwE.mp4\"}},\"xMedia\":\"~project~project~attributes~blocks~8~attributes~xMedia\"},\"properties\":\"~project~project~attributes~blocks~8~attributes\",\"title\":\"undefined undefined\"}]},\"links\":{\"self\":\"v1/projects/1148451\"},\"relationships\":{\"author\":\"~project~project~attributes~author\",\"features\":\"~project~project~attributes~features\",\"image\":\"~project~project~attributes~image\",\"industries\":\"~project~project~attributes~industries\",\"invites\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/invites\",\"related\":\"v1/projects/1148451/invites\"},\"data\":null},\"owner-page\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/owner-page\",\"related\":\"v1/projects/1148451/owner-page\"},\"data\":null},\"owner-user\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/owner-user\",\"related\":\"v1/projects/1148451/owner-user\"},\"data\":{\"type\":\"users\",\"id\":\"748380\"}},\"owner-roles\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/owner-roles\",\"related\":\"v1/projects/1148451/owner-roles\"},\"data\":[]},\"page-collaborators\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/page-collaborators\",\"related\":\"v1/projects/1148451/page-collaborators\"},\"data\":[]},\"skills\":\"~project~project~attributes~skills\",\"tags\":\"~project~project~attributes~tags\",\"user-collaborators-summary\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/user-collaborators-summary\",\"related\":\"v1/projects/1148451/user-collaborators-summary\"},\"data\":[]},\"side-hustle-skill\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/side-hustle-skill\",\"related\":\"v1/projects/1148451/side-hustle-skill\"},\"data\":null},\"desired-collaborator-professions\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/desired-collaborator-professions\",\"related\":\"v1/projects/1148451/desired-collaborator-professions\"},\"data\":[]},\"x-likes\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/x-likes\",\"related\":\"v1/projects/1148451/x-likes\"},\"data\":null},\"x-in-lists\":{\"links\":{\"self\":\"v1/projects/1148451/relationships/x-in-lists\",\"related\":\"v1/projects/1148451/x-in-lists\"},\"data\":null},\"ownerUser\":\"~project~project~attributes~author\",\"ownerRoles\":\"~project~project~attributes~ownerRoles\",\"pageCollaborators\":\"~project~project~attributes~pageCollaborators\",\"userCollaboratorsSummary\":\"~project~project~attributes~userCollaboratorsSummary\",\"desiredCollaboratorProfessions\":\"~project~project~attributes~desiredCollaboratorProfessions\"},\"properties\":\"~project~project~attributes\",\"title\":\"Power and Precision: Lexani Tires Digital Revamp\"},\"projectsFromPage\":[],\"usersForSkills\":[]},\"projectEditor\":{\"collaborators\":{\"data\":[],\"loading\":false,\"meta\":{\"count\":0,\"current\":0,\"total\":1}},\"project\":null},\"questions\":{\"connectionsQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"curatedQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"error\":false,\"errorCode\":null,\"isLoading\":false,\"isModalVisible\":false,\"isSaving\":false,\"latestQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"modalQuestion\":null,\"myQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"myReplies\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"popularQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"question\":null,\"questionsByProfessions\":[],\"recommendedQuestions\":[],\"suggestedUsers\":[],\"suggestedUsersCount\":0},\"ribbons\":{\"entities\":{},\"results\":{}},\"search\":{\"enableJobsForYouFallback\":null,\"jobsTiles\":[],\"loading\":false,\"pagination\":{\"count\":0,\"current\":0,\"total\":0},\"questions\":{\"connections\":[],\"latest\":[],\"popular\":[],\"professions\":[]},\"results\":[]},\"sitemaps\":{\"eventPartners\":{\"data\":null,\"navigation\":null,\"pagination\":{\"count\":0,\"current\":0,\"total\":0}},\"jobs\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"pages\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"projects\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"questions\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"users\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"}},\"statusBar\":{\"message\":null,\"negative\":false,\"overtop\":false},\"subscriptions\":{\"action\":null,\"cart\":[],\"credits\":[],\"creditsCount\":0,\"fiveJobsPack\":null,\"proPlan\":null,\"singleJobPack\":null,\"threeJobsPack\":null},\"user\":{\"connections\":{\"connections\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}}}}}"; window.__APOLLO_STATE__ = "{\"ROOT_QUERY\":{\"__typename\":\"Query\",\"userHasExperiencedGraphTimeout\":false}}";