Client/Final Project

client project screenshot

This Project was a group project for a small local business which was done in a group of 4 as a final project using WordPress. Their goal was to introduce a new brand because of the new ownership. We started with UX/UI design for client such as wireframe and mock-up to gain the final approval before starting the developing. Through the project we developed their personal theme based on the vibe of the location and helped business to have a brand new website.

Visit Live

Based on what we understand from client's need in the first meeting, they were looking for clean and white design with bold fonts. So we decided to choose the color swatch based on their logo:black,white, and kind of redish color.

Our design process was not just with computer, we used paper and boards to have better view of our thought and ideas, discuss it, and add new ones beside old ones to compare them.

client project screenshot

At first the plan was to have 5 pages in total: Home page, Services, Gallery, Staff, and contact page, but later the client changed his mind and ignored staff page, so because it was after wireframe and mock up stage, we still have staff page on the wireframes.

client project screenshot
Desktop Wireframe
Home Page

During project, we used different technologies such as Photoshop, Illustrator, sketch, SASS, Gulp,Git, and the main one WordPress. Also for gallery page we used Isotope(metafizzy) to have a better layout and smoth transition for the images which was one of the most important pages for our client.

client project screenshot
Mobile Diplay
client project screenshot
Tablet Diplay