Nissan

CDK Global


TOOLS
Adobe XD, Adobe Photoshop, Proprietary Website Building Platform

MY ROLE
Website Designer

Design Goal

I wanted to show that not all lines need to be horizontal or vertical on our websites. This design is sleek and simple and the slanted design leads the user’s eyes down the page and directs them to inventory and service.

I used Adobe XD to create a wireframe of the home page. I made use of components and repeat grids so that creating the wireframe is quick and painless. Next, I turned my wireframe into a full-color mockup. I added stock photos, real text, and I updated the fonts and colors to match the OEM branding. Once the mockup was completed, I moved onto building the website on our proprietary CMS platform.

Wireframes

Modules

Full Page Design