Website Redesign DGM2740
Before I start I want to say I have no affiliation with M-Tech. Just used their site to redesign
Over the years I have always been interested in cars. I’ve worked and fulfilled many roles in car dealerships and I tend to have car ADHD and get rid of my cars for new ones. So I knew instantly a shop I’ve used in the past was the site I was going to attempt to redesign.
The Problem:
The site is very clunky and not well organized. I wanted to present a solution that would give more simplicity so the user doesn’t feel over whelmed.
Links to:
Current site: https://www.mtechautomotiveut.com/
Redesigned site: https://jadenadams329.github.io/capstone/
The photo’s will go in the order of current site then redesign.
Home Page:
Services Page:
Gallery Page(Added to meet requirement):
Contact Us Form:
Key things learned:
- Implementing a device pixel density logo
- Two level navigation using a small screen hamburger type navigation and a large screen suckerfich navigation
- Implementing a slider hero image
- Implementing a form with good design practice
- Implementing lazy loading images in a gallery
- Implementing different styles of cards
