RUBIUS PRODUCT PAGES

Low-Code Web Design | 2022

[CONTEXT]   |   [SOLUTION]   |   [UI]   |   [CREDITS]

CONTEXT

El Rubius is one of the most important influencers and creators of audiovisual entertainment content in the Spanish-speaking world. To make the most possible profit from his popularity, Rubius sells through his online store branded merchandising and apparel. But in 2020 he relied on Drift Gaming to develop his most complex product to that date: two gaming chairs, one of them launched as a limited edition product and both marketed as high-end products.

SOLUTION

A strategy of marketing comms was devised to help advertising and promoting the offline and online selling of this exclusive products. To create a landing page for each product was a crucial task I was entrusted by El Rubius Management.

UI CONCEPT

Following the brand guidelines I set for this project, I created a landing page for each product. The UI/UX concept applied is simple: turning the web interface into a window where each product's design and its most outstanding functionalities are shown with eye-catching detail.

UI DESIGN

These landing pages were created using the tools provided by a custom made web CMS. Since a very good collection of photos of both products were available, the visual narrative relied extensively in alternating between pictures of isolated product vs. product placed in a context of use.

DRIFT RUBIUS PREMIUM

Browse product page

RUBIUS | Drift Rubius Premium landing page | Desktop

RUBIUS | Drift Rubius Premium landing page | Mobile

DRIFT RUBIUS PRO

Browse product page

RUBIUS | Drift Rubius landing page | Desktop

RUBIUS | Drift Rubius landing page | Mobile

PROJECT
CREDITS

CLIENT
International ElRubius, Vizz Agency
Spain Drift Gaming, Atlas Informática
STAFF
UI/UX design Dan Algarra
Web development José Ramón Gaitán, Antonio Baena
Product pages design Alexis Cruzado
TOOLS
Web design Adobe Photoshop | Figma
Web development Bootstrap | Visual Studio | HTML5 | CSS3 | JavaScript
Product pages design Adobe Photoshop | Bootstrap | HTML5 | CSS3
Volver arriba