Alexandre Olivier - front developer




Byton cars operate with electric batteries. They are autonomous and filled with gadget. It guarantees you a better security and a better experience of the road. I like cars, I love the road. But when I discovered BYTON's website, I found it weak compared to the company's ambitions. Still from my point of view, it lacked a graphic reminder compared to the dashboard screen. Where are the polygons ?!

The polygons on the dashboard of the car give a real touch of modernity, close to the future! So I made a reminder from the home page.

When the menu is active, the page slides to the left to bring up the main menu. Items that are not in this menu are "disabled". So you have to leave the menu to reserve your BYTON.

One page, one design

Since this is a personal project, I am limited to creating the concept page. Although I kept to the existing text content, I strongly revised the design and layout of the elements. Taking advantage of polygons as diverse as each other, varying images and blocks of text.
However, I have only used the ranges of colors already present, without wanting to be crazy to release a fluo green to remain the most consistent with the BYTON graphic.
In the background, I reused the diagonal lines to recall those found in the headlights of the car.

You may notice that on the right side of the page there are four links -Design, Technology, Experience, Visualizer-. These links are sent to other pages about the BYTON concept. For a more enjoyable experience, this sub-navigation polygon remains in a fixed position all along the page. Not to bother the user when looking at the beautiful photos, this polygon gets an opacity of .4 and 1 when the user passes the mouse over it.

I think

To conclude, I think we can push the UX much further by using the computer's camera to give users a sensation identical to that of navigation on the dashboard of the car.

this project