Menu
G & G Construction needed a website to showcase their previous and upcoming projects. They focus on construction of commercial buildings. They wanted a fast website with a simple interface which helps their potential clients to browse through the website with ease and to collect the required details. G & G Construction prefered a dark themed website. They also wanted to integrate their social media feeds (Instagram) with their website so that all their instagram posts will be added automatically to their website gallery page.
To create a website which provides informations about G & G Construction, their previous and upcoming projects, their contact information etc to their potential clients.
The process was started by conducting a basic research. Similar websites were referred. Detailed talks were conducted with G & G Construction team to understand their requirements from their website, what they want to provide their clients etc. The research tools used for this project includes talks with G & G Construction team, conducting user interviews, creating user persona etc. G & G Construction focus on construction of commercial buildings. So potential clients were also considered for user interviews.
Commercial building owners, shop owners, those who plan to construct commercial buildings etc were taken into consideration for conducting user interviews. The major findings of the user interviews were:
● Slow websites.
● Confusing website interfaces.
● Irritating popups for showing not so relevant informations.
● People preferred direct whatsapp chat options as an option for communication.
Absence of proper project descriptions and images in websites.
There is no quick of mode of communication present in most websites.
Navigation experience in most websites are not as expected.
Based on my research and the persona representations, I tried to categorize and structure the informations collected, on the basis of expected features and concerns of the users.
A sitemap was created so that the layout of the website can be visualized.
A simple Task Flow was prepared, so that an idea will be obtained about how a user will browse through the website to gather required information about G & G Construction. Here we assume a task were a client wants to gather information about G & G Construcrtion and to view their works in gallery.
A user flow was created to generate an idea about the way users will interact with the website.
Low Fidelity Wireframes was created before creating the Responsive UI wireframes. Wireframes of the key pages are shown here.
Considering the Task Flow, User Flow and sketches, responsive wireframes were created. This will ensure a consistent experience for the users in different devices (Desktop, Tablet, Mobile).
After creating a Responsive Wireframe, suitable stylings were applied and the Responsive UI Design of the website was created.
The goal was to create a responsive website for G & G Construction which could help them in showcasing their previous and upcoming projects. G & G Construction wanted to interact with their clients through their website. The website created thus helps the users to browse through the website for gathering information about G & G Construction and to contact them if interested. A whatspp chat was added as a sticky element in the home page of the website so that users can directly contact G & G Construction support team via whatsapp.
● Design and set up a Video Gallery for the website.
● Connecting their Youtube accounts to the website so that all the videos they upload in Youtube will be automatically uploaded in the video gallery of the website.
