Hyundai
Hybrid or EV
Skills applied:
Landing page, UI design, Infographics, Image retouching
The next generation of electric zero emissions
Collaborating with design agency Collective, I was assigned to their client Hyundai to focus on EV/Hybrid 2019/20 models and to work on the UI and UX design for their main consumer landing page. This included customising layout designs, adding new featured sections, and improving some micro-interactions for the overall user journey.
![](https://images.squarespace-cdn.com/content/v1/6296879a9df56c2e2a53d544/1674655521887-FA9ESWYJUJTOMXRBJHRG/bg_cube.jpg)
Challenge
Working with Collective London, I was tasked with UI design for Hybrid & Electric landing pages. Provided with the necessary brand materials and assets, I readapted the landing page designs from Photoshop into Sketch visualising for both desktop and mobile environments. Creative work also involved photo retouching brand photography for hero and divider sections, updating graphic assets such as iconography and page design, and section grid changes to improve the UX for this particular section of the website.
![Hyundai_2-1024x928.jpg](https://images.squarespace-cdn.com/content/v1/6296879a9df56c2e2a53d544/4cbb125b-df84-4e67-a7ff-283a0ec17830/Hyundai_2-1024x928.jpg)
![Hyundai_nextgen.png](https://images.squarespace-cdn.com/content/v1/6296879a9df56c2e2a53d544/0219ae7f-05c7-4efe-aa9e-2c74954f439f/Hyundai_nextgen.png)
![Hyundai_UI_LP_all.png](https://images.squarespace-cdn.com/content/v1/6296879a9df56c2e2a53d544/e0b7e0d9-62f7-4227-8848-8810bb7738b3/Hyundai_UI_LP_all.png)
![Hyundai_UI_Mobile.png](https://images.squarespace-cdn.com/content/v1/6296879a9df56c2e2a53d544/45356a8a-432e-4529-b9a8-9d26770ed45c/Hyundai_UI_Mobile.png)
![Hyundai_UI_layouts.png](https://images.squarespace-cdn.com/content/v1/6296879a9df56c2e2a53d544/976ea5c0-357e-45eb-9ed7-fafe13daf4ae/Hyundai_UI_layouts.png)
Outcome
The end result was a simplified landing page with a bolder visual hierarchy. This included split options for choosing either Hybrid or Electric vehicles. Until now the layout is still utilised for the main electric/hybrid vehicles landing page and the functionality gives users a choice of preference without overwhelming their online experience. Beyond their choice of preference, it proceeded further into a more in-depth user experience for each model in that electric/hybrid category. See the latest website here