• Add to Collection
  • Tools Used
  • About

    About

    This is a project I started for senior project working with a real client which was Unique Staffing. I met with the client and then built him a w… Read More
    This is a project I started for senior project working with a real client which was Unique Staffing. I met with the client and then built him a website perfect for his company. Read Less
    Published:
Senior Project at DeVry University has been a great experience and for this project I worked with Unique Staffing, a small business that provides waiters, waitresses, bartenders, captains, etc to catering companies. I was responsible for creating the website for them and started by interviewing with the client.
Website Final Mockup
I started the project by first interviewing with the owner of Unique Staffing and gathering necessary information I needed to build their website.Once I had this information I started planning out how the website was going to look by doing a sitemap and wirefram design.
 Wireframe Design
Color Scheme
The client wanted the color scheme to be blue and grey and while I did like the grey I recommended purple for one of the secondary colors. I used #2E659B as the primary color and the colors used were extracted from the logo. I did use grey for small detailing on the website but I mainly used the three colors above.
Once I had a wireframe and color scheme all planned out I decided to move to the design portion of the project. I wanted the website to be simple and have a clean and professional look. It had to be responsive and fit to all devices and also showcase the beautiful displays that the company sets up. I used bootstrap for the responsive design elements and I used material design to create interactive content for the website. I used a combination of coding languages such as HTML5, CSS, Javascript, JQUERY, and PHP to build the website.
Website Features
Features of the website include a feedback system, image gallery (auto syncs with facebook albums), contact form (with validation), get directions from google maps and, call the company directly from the website.  
Website Navigation
Footer
Website Screenshots
If you would like to see a live preview of the website you can visit http://gareygraphics.com/unique_staffing/index.html