DESIGN PROJECT
Overview of HIPSTER INC.
Hipster Incorporated serves as a travel agency company that provides you the necessities and equipment to travel the world. This company evolved in 2020 during the Covid-19 pandemic as society was trapped in isolation. Hipster Incorporated targets independent travelers that thrive for the boho/hippie lifestyle and traveling across states in a van. Our client has found the unmet need in market as many people seeking their own traveling vehicle, must buy an unused bus, renovate it, buy appliances, and so much more that can be very costly and time consuming. At Hipster Incorporated the designers make it easy for you by providing you with a vehicle, different layouts of the inside, color schemes, appliances, and prices all for you to choose from. They design you a custom travel vehicle that you can move right into and begin your adventures. Customers can design their own style on the website and receive the vehicle in the locations Arizona, California, and Utah.​
Overview of HIPSTER INC Website
Hipster Incorporated's homepage design is set up for clients and customers to navigate what the mission is all about. At the top, the navigation bar is found where customers can learn about the company. Under the navigation bar lies a short statement to make the message clear on what the company does. A mountain view is the background for the website illustrating that the company is based in the West Coast. A video is shown where customers can view the overall mission statement and process of the vehicle designing process and how it works. Three pictures are listed at the bottom of the home page representing the construction process, the outcome of one of our finished products, and what the the inside could look like to potential customers. A green boarder surrounds the pictures to implement the logo's colors into the website page. Furthermore, a statement is at the bottom of the homepage summarizing the experience Hipster Incorporated brings to the customer. The goal is for the website is to be easily navigated and a clear message of what the company does.
Overview of HIPSTER INC Moqup Homepage Design
This is the overview of the moqup before the Hipster Incorporated website was designed. The moqup allows for brainstorming and to have an outline before the homepage was designed. Our client wanted to have a simple website that would be clear and concise to the customers. They also wanted to have pictures and videos showing the company's work so customers can see what the outcome of the projects look like. Having a navigation bar at the top was significantly important to our client representing where to find the detailed information on the website. In addition, they wanted to have the color scheme from the logo portrayed in the website as it illustrates nature, adventure, and optimism.
Overview of HIPSTER INC Sitemap
The following picture shows the overview of the Hipster Incorporated sitemap. This sitemap design shows what information lies within the navigation bar under each heading. The About Us page describes the history of the company, the founder, information regarding the designers customers will be working with, and employment opportunities. The Features tab will explain the styles and color schemes customers can pick from. The Vehicle tab shows three different vehicles and prices the customer can choose from before the initial designing process. Next, the Layout tab includes information on the different packages that the company offers that explain the different layouts the vehicles can be arranged in. Each package includes different necessities and appliances, it is all up to customer preference. The Price tab goes into depth of the varying prices between packages. The Location tab shows where the company is based to pick up your vehicles from. Lastly, the Contact tab shows who you can get in touch with regarding any questions or concerns.
Logo and Logo Usage for HISPTER INC.
A hippie bus/van was chosen to represent the company's image to promote traveling. On the side of the van a pencil, a ruler, and a paint brush in a cup is shown to illustrate the design aspect of the company. The background of the logo is a forest which signifies nature and an adventurous life style of traveling the world. The overall theme represents creativity, design, and travel.
Reinventing this logo​ in any shape or form would go against company guidelines and would lead to major consequences. The colors should not be changed in any manner as the original colors used represent the company's identity. Changes made to the font of the logo also go against the company's written policy. Distortion of this logo in any way will result in an immediate fine. There is no written agreement offered that would allow anyone to take this corporate logo and make it into their own. The following example is a representation of the logo being taken out of context and altered, which is a violation of the guidelines.
X
Color Set of Hipster Inc.
An aesthetic appeal for a color scheme is appealing to the human eye. ​The Hipster Incorporated logo represents five main colors which includes teal, orange, yellow, brown, and beige. The color teal covers the body of the van and the background of the trees. This symbolizes nature and natural aspects of the world. The color orange represents an adventurous lifestyle hence the traveling image of the company. Moreover, the color yellow signifies optimism and cheer. Brown is a warm color that represents friendliness, earth-friendly and an all natural aesthetic. Lastly, the color beige illustrates the typical colors of interior design in homes which is an energetic and strong color. These are usually the emotions one feels when they are traveling and experiencing different parts of the world.
Font(s) Set of Hipster Inc.
The font chosen to represent the Hipster Incorporated logo, subheadings, sitemap, and the navigation bar on the website is Bernard MT Condensed. This font set has a bubbly yet still sophisticated appearance that the client wanted illustrated throughout the brand. The second font is Sitka, which represents the paragraph fonts on the website. This font was chosen for the simple readability aspect for customers.​
​
​
Bernard MT Condensed Sitka Small
ABCDEFGHIGKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*( )_+ = 1234567890!@#$%^&*( )_+ =
Sources of Inspiration
This image is a sticker of a hippie van illustrating the colors beige and teal. This sticker was used as a source of inspiration for the Hipster Incorporated logo as their logo represents the colors teal and beige as well. This picture has a boho aesthetic to it, which is what Hipster Incorporated strives for. Also, the the company added a window to the van in their logo, which this is where the idea came from.
This image shows a camper van with a view of a mountain range behind it. This picture was used a source of inspiration when designing the Hipster Incorporated website page. The mountain range behind this image is similar to what you see in the video on their website. This illustrates where the company is located on the West Coast and the possible places customers may end up at when they travel.
This is an image of the The Mystery Machine van in the movie Scooby Doo. The van was used a source of inspiration from the overall outline of the van. The company's van logo is also faced to the left and outlined a similar way to how the windshield and lights are placed at the front of the vehicle. ​The color orange was also an inspiration to the color's in the company's logo.
On the Newsweek website, a video can be played before you read the information underneath it. This is what Hipster Incorporated's website wanted to feature in it. Our client's website has a video to show an explanation of what the company does to give client's a visual before reading the information. This is exactly what this website did.
The GO RVING website represents a great source of inspiration to the Hipster Incorporated website design. As this image shows a title over a desert mountain range, that is what our client wanted to do with their video. On our client's website, they placed a title over the video as well, receiving the idea from this image shown.​
The DOWNTOWN CDC website was also used as a source of inspiration for the design homepage on Hipster Incorporated's website. On the CDC website, they placed the navigation bar stretching at the top of their webpage, which is where our client wanted to place theirs as well. Also, in this image, the logo is placed in the top left corner before the following navigation tabs. That is what our client decided to do regarding their own navigation bar.