Shammy’s Auto Website Design
After the branding of Shammy’s Auto was done, it was time to make a website. Shammy Bhagaloo has a high standard for business and he said he wanted the best website in the industry. At DigiPix, we always think outside the box. Now was a test with a premium client and high expectations.
First, we started running the data through our SEO (Search Engine Optimization) department. The higher traffic auto sites in Canada and U.S. sometimes are not even optimized for the newest tools in the web industry. After careful discussion with our design team and website developers, we came to the realization that the client has a lot of input into the design of the website which can affect its final numbers in a search engine like Google.
The old Shammy’s website was plain and simple. However, it had broken links, badly optimized images, poor site UI (user interface) and loading speed. We have to scrap the old website and start from scratch.
Our design team began work on the concept and flow of the site. However, the SEO manager wanted to have lots of text on the home page while the other designers wanted a sharp, clean looking site. Here are a few of the original mock-ups we made:
Initial concept of website was very direct and simple. But there were too many shades of red. In order to keep all audiences happy, we could not heavily depend on just one color in the design.
Shammysauto.com site simple format
This second concept was much cleaner. The red was only in the header and footer with a white body of the page. However, Shammy wanted the website to be even bolder in design. We also wanted the website to be mobile friendly and responsive.
Another sample solution provided for the website to the client.
The third design (which you will see shortly) got the final approval from all divisions and Shammy. Some people say it is missing those colours and shades that made the logo so exciting. We wanted to show Shammy’s Auto on a larger canvas as a more mature leader in auto detailing. The design of the website has the following parts:
New header design shown with clear information about timings, business hours, logos and contact information.
On mobile Menu too, we highlight all the information in header so client can see the info right there...
The header of the website is the most important part of whole site design. Most often other designers do not pay attention to this but it is crucial for site as well as business growth. The time, contact and address in header make the website gives better results in SEO as well as reduce the FAQ (Frequently Asked Questions) from the customers. For example, many people call from the website and instead of asking what service they need, they ask do you provide free estimates? Or free inspection? What time you close or business hours?
So we wanted to put complete information in header, both for desktop and mobile versions of the site. So when customers call, they already know the commonly asks questions.
Menu of ShammysAuto.com website
The desktop menu is shown with full main menu page for clarity.
Menu of the website plays major role in site flow. It needs to be simple and straight forward. Too many words in menu can cause confusion. You use the menu to access almost every part of the site such as package deals, reviews and what services are offered.
We attempt to make different site than the traditional auto industry
Slider of ShammysAuto.com website
Website’s slider plays an important role in website decoration as well as bringing latest updates and promotions on the site. Consider this as small Power Point presentation for your business. We used industry’s leading slider by bringing clean look with shadows on desktop and no shadows on Mobile.
We attempt to make different site than the traditional auto industry
On the Mobile phone, the menu looks beautiful as well
On the Mobile phone, the slider looking clean without shadows
Unlock the benefits of local SEO with DigiPix our proven strategies connect your business with nearby customers, increase foot traffic & drive qualified leads.
Improve your local search rankings, appear in Google Maps results & build credibility with campaigns designed to maximize your reach.
See measurable growth with enhanced visibility, more website visits from local customers & a strategy focused on dominating local searches.
Start Free Now
Body of ShammysAuto.com website Home page
The major part designing the landing (Home) page of a website is crucial for SEO, site flow and user experience. We wanted to give users the maximum amount of information with minimum clutter by maintaining a responsive layout for mobile and tablet users.
During the design, we wanted to make sure that we did not bring the services too early onto the page. That comes off as desperate for business. Instead we offer alternate reads such as case studies (like the one you are reading now) and an introduction to what Shammy’s is. Follow this up with videos from the organization itself and you get an idea of who they are and how committed they are to their business.
We brought 3 major services first: Auto Detailing, Rust Proofing and Remote Car Starter before other services.
Then there is a page dedicated to all of the services that Shammy’s provides. The top 10 services out of the 24 offered are shown with photos and an explore button for further information about the service.
The section after the major services has FAQs and Testimonials. It is important to engage the client on the home page and let them read about the services and brand before they make any decisions.
Further into the site we introduce the owner and management team. When you put a face to the business, you can easily build a relationship between the business and your clientele. This also shows that this business is growing by showing more than just the owner and also the depth of care brought to customer service.
We were going to show awards in the banner below the pictures of the management team, but it has less value when gaining visitor trust. We chose to use car dealerships in Pickering and Ajax to show that Shammy’s is a big business that maintains the high level of quality in these auto dealerships.
Unlock the benefits of local SEO with DigiPix our proven strategies connect your business with nearby customers, increase foot traffic & drive qualified leads.
Improve your local search rankings, appear in Google Maps results & build credibility with campaigns designed to maximize your reach.
See measurable growth with enhanced visibility, more website visits from local customers & a strategy focused on dominating local searches.
Start Free Now
The contact button is also important because it allows casual visitors to leave a note or message without calling or texting directly. This makes it easier for clients to leave information or questions and then follow that up later on.
Lastly, the footer is the final piece of the puzzle. Like any good story, you need a beginning, middle and end. We needed to make sure to inspire the customers in the beginning and ending the most. The footer has the complete information setup that could not fit into the rest of the website. The contact information is complete with all related links such as Facebook, Twitter and car gallery photos that were detailed at Shammy’s.
We also delivered branding, photography, video, and technology advice for Shammy’s Auto.
What Is Website Design?
Website design involves planning, conceptualizing, and arranging content intended for the Internet. It goes beyond aesthetics to include the website's functionality and navigation experience. Website design practices and techniques influence how the published website interacts with its visitors and how effectively it conveys the intended message.
It encompasses several different aspects, including webpage layout, content production, and graphic design. While the terms "web design" and "web development" are often used interchangeably, web design is technically a subset of the broader category of web development.
There are two main types of website design:
- Responsive Design: Responsive design ensures that the layout of the website adjusts according to the screen size and orientation of the device being used.
- Adaptive Design: Adaptive design, on the other hand, means that there are multiple fixed layout sizes, and the website will select the layout most appropriate for the screen on which it is being displayed.
Website design involves understanding key principles like color theory, typography, and user experience (UX) design. A well-designed website is easy to use, aesthetically pleasing, and suits the user group and brand of the website.
Effective web design enhances a website's usability and the user's experience, making it an integral part of a company's digital presence strategy.
Request A Meeting
Written By: Khurram Qureshi
Founder & consultant of DigiPix Inc.
Call or text: 416-900-5825
Email: info@digipixinc.com
About The Author
In 2006, Khurram Qureshi started DigiPix Inc. which started off as a design agency offering video editing to professional photography, video production & post production, website designs and 3D Animations and has now expanded towards online marketing and business consultancy. Khurram Qureshi also is a motivational figure and participates in local and international platforms. He also play a role in the local community development, helping local young minds get ready to enter the job market.
Also check other case studies for Shammy’s Auto
Tagline
A Tagline is a crucial part of business branding. You…
Logo design
When we were chosen to rebrand Shammy’s…
SEO & SMM
Every successful business needs a plan of how…
Case Study
Services delivered: Branding, photography, video, website…