BAK Motors rebranded and approached Daniel Does for an update to their website. My role was to complete a full production of the site from UX/UI research and design to building the site using WordPress all using their new established branding.
Why?
The product offerings were updated along with the company’s original branding, which meant BAK Motors needed to update their website completely.
New branding for BAK Motors.
Original version of BAK Motors.
New product offerings of BAK Motors.
Overview of project plan.Where did I come in?
I was invited to complete a full production of the site’s redesign (UX/UI design, development, and QA).
How did I get started?
First I assessed the various sites provided by the client for inspiration and reviewed the old website. I then mapped out the manuscript into rough UX sketches.
Review of inspiration and new branding.
Sample of the design system.What was next?
I built a design system from the new brand guidelines provided from the client.
How did I proceed?
Due to some unforeseen copy changes from the client, there were a number of revisions that had to be done to the UI before going into development in WordPress.
Home Page
Large imagery and headline for a bold impact.1
Providing a quick summary of how BAK Motor offers innovative solutions.2
Social proof to showcase trust in their product.3
Outlining how their product works in a simple graphic.4
Ending with a final CTA to request a briefing.5
Highlighting all the applicable industries.6
What did I learn?
Designing the UI before going into development will always produce better results.
-
The scope was adjusted throughout the process which meant I needed to pivot with how to approach the UI.
-
With the change in scope, I needed to adjust quickly in order to meet the original deadline that was set. Luckily there were a lot of components that could be revised to speed up the process.
-
With urgent timelines, it seems advantageous to jump into development using the design system, but this project provide it’s important to take the time to design the UI and approve that beforehand.