renault ZOElaunch website
The Renault ZOE is the first electric vehicle from the company and has been selling in Europe for a few years. The wave of electric vehicles took many years to arrive in Brazil and now it started timidly with some government benefits for carmakers to start marketing their models that are already sold abroad.
With the new model update, Renault decided to bring its model to Brazil and launch a website focused on showing that although the electric outprice the combustion vehicle in almost double, in the long term with the annual tax benefits and fuel costs this tends to equal or even be more advantageous.
With the new model update, Renault decided to bring its model to Brazil and launch a website focused on showing that although the electric outprice the combustion vehicle in almost double, in the long term with the annual tax benefits and fuel costs this tends to equal or even be more advantageous.
what i did
- UX Wireframing
- UI Design
- Prototyping
- Develop Managing
- UI Design
- Prototyping
- Develop Managing
Challenges and DESIGN PROCESS
The challenge here was first to create areas on the website that exemplified how tax exemption and fuel economy in the long run ends up generating savings and thereby equaling the high cost of the car and also dispelling the myth that the car only runs a few kilometres with a charge and that there are no recharging points in Brazil.
The second challenge was to present the car in a technological way and with that, with the help of a company specialized in 3d, we created and inserted a model of the car in 3d so that the user could see all angles and at the same time change colour in real-time. . On android devices it is also possible to test in augmented reality the car in your garage or street.Inside the car, we use 360º photography where it is also possible to see all the internal angles and all the details.
1. Wireframing.
For all this challenges and features, we created structure and hierarchy studies thinking about the pages structures and needed informations to present the features with good usability and technology possibilities.
2. Design.
Based on the initial key visual created by another agency, we created the entire design of the website thinking mobile first and later to desktop.
3. Prototyping.
To define how interactions works and test the mobile first technology and later the desktop interactions, we prototype in Adobe XD to test with some clients and internal Renault employees.
The second challenge was to present the car in a technological way and with that, with the help of a company specialized in 3d, we created and inserted a model of the car in 3d so that the user could see all angles and at the same time change colour in real-time. . On android devices it is also possible to test in augmented reality the car in your garage or street.Inside the car, we use 360º photography where it is also possible to see all the internal angles and all the details.
1. Wireframing.
For all this challenges and features, we created structure and hierarchy studies thinking about the pages structures and needed informations to present the features with good usability and technology possibilities.
2. Design.
Based on the initial key visual created by another agency, we created the entire design of the website thinking mobile first and later to desktop.
3. Prototyping.
To define how interactions works and test the mobile first technology and later the desktop interactions, we prototype in Adobe XD to test with some clients and internal Renault employees.
development
I had a great participation in the development work of this project, helping the developers to define all the technologies to be used and API's, as well as assisting in device QA's and verifying that everything that was designed in layout was present and equal.
We decided to develop the entire site in React.js language and Server Side Rendering Gatsby to achieved a high loading speed and good SEO results.
We decided to develop the entire site in React.js language and Server Side Rendering Gatsby to achieved a high loading speed and good SEO results.
results
The website was successfully launched in April 2021 and it helped a lot of Renault's sales representatives in the Pandemic situation to present the vehicle and even concretize some vehicle sales.
