Autoever
Autoever responsive website
Autoever was established in November 2013 and is a service centre for automobiles.
I designed and developed the Autoever website using Sketch App, Adobe Brackets, HTML, CSS, Sass, Bootstrap and JavaScript.
Key tasks
1. Colour palette
2. Typography
3. Logo
4. Imagery
5. Information architecture
6. Sketches and wireframes
7. Detailed designs
8. Website development
2. Typography
3. Logo
4. Imagery
5. Information architecture
6. Sketches and wireframes
7. Detailed designs
8. Website development
Colour palette
Typography
Our typeface is Helvetica Neue LT Std. We use the Roman and Bold variants.
Logo
Here are our logo variants on different background colours.
Imagery
We want this website to look premium and high class by using beautiful, luxurious and high-end car imagery.
Information architecture
Autoever’s information architecture was planned and created before designing the website. This can help organise and clarify the content that needs to be on the website.
Sketches and wireframes
Sketching on paper and wireframing with the Sketch App helps give the design structure and how it would look.
Detailed designs
Using Sketch App to convert the wireframes into detailed designs, and making it responsive for desktop, tablet and mobile.
Website development
Using detailed designs as a guide, I developed the website using HTML, CSS, Sass, Bootstrap and JavaScript.
Autoever – August 2016
Autoever responsive website
Design and development for desktop and mobile responsive website