.png)
Babel Mobile Locksmith is a steadily growing locksmith business in California. They offer a variety of services from manufacturing locks to opening locked doors to cars and homes. They required a simple one-page website to develop an online presence. There were no requirements or specific requests made by the client in terms of the website with exception of using the colors black and orange. The challenge presented by this site was to create a landing page that communicates effectively while also not being too lengthy and long. This was handled through the use of grids and grouping elements together which communicated large amounts of information in one block. Additionally, animations were used through the site to give the website more emphasis and add depth despite only being one page.
The client had a requirement. That the colors used for the site would be black and orange. Due to such a requirement I decided to make the primary color of the site black as that would work best and initially thought to keep the secondary color as orange but after some consideration and testing made the secondary color and text color white. The highlight color then became #FFA048 a duller shade of orange so that it wouldn’t hurt the user’s eyes. The typeface for the header and titles was Unna. The reason Unna was chosen was so that among the dark background and dark site, in combination with white, it would stand out and help users find sections easier. The paragraph and text typeface became Inter as it’s easy to read.
On the site you’ll see lots of squares being used. This was done because there was a lot of information needed to be communicated and doing it in a none-grid format would’ve caused the site to become too long and have too many words. To avoid this, elements were grouped together and grids were used. Then they were turned into a design by removing the fill in the center and adding a border of orange. Icons were also used to add some visual contrast as there was a lack of images from the client. The images used on this website are also stock images. While that might not have been the best choice, rather than have no images, the client wanted stock images.
The challenge presented by the client was solved through the use of a neutral color being used as the secondary and the bright orange color the client wanted being dulled and then being used as a highlight color across all sections. The black the client wanted became the background color and was present throughout the site. All in all, the final product was a professionally made site that adds an online presence for the client while helping the clients business look established and strong.