project preview for 360degrees website

360Degrees Website

For this project, I designed and built a fully responsive website for a construction company.

Loosely designed via Figma , built with Next.js and Tailwind, and deployed via Vercel.

Project Background

I received an invitation to work on this project via LinkedIn. A former colleague forwarded my profile to their friend who needed a skilled designer and developer to build a new website for a construction company in the Philippines.

The construction company already had an existing website and they needed a new one to showcase who they are and reflects the awesome work that they do in building creative office spaces. ✨

Website Design 🎨

The first version of the website was built 10 years ago. This was what they had prior to the revamp:

project preview for the Project NOAH, Revamped!

After viewing the client's own portfolio projects, it was clear to me that they needed a simple but modern-looking website that highlights their own magic. Having too much “fluff” on their website might compete with the primary objective of actually showcasing the company's work.

The client had a new logo coming up with the website revamp and they had another contractor working on it. While waiting for the final logo, I worked on drawing the wireframes based on the outline they have given to me in one of our initial meetings.

Upon receiving the updated logo, I decided on the colors and fonts that we'll use for the website and started working on the designs in Figma. Whenever I created a draft of a page, I sent my client the link to my interactive mock-up and request for comments.

You may view the prototype below (the password is my given name 😘) :

Once I received a go-signal from the client, I went ahead and started to deal with the technical implementation.

Building on a brownfield 🏗️

Although building the designs was a breeze, we encountered a few challenges in the website development and deployments, having multiple missing or misconfigured records and no one knows who has access to what anymore and there were no documentations on them either 😅

I won't go over the details of the complexities here for privacy reasons, but to summarize, I went ahead and investigated the current state of the system, contacted the support teams of the external parties and previous vendors involved, laid out the problems to the client, and suggested possible approaches to deal with the said complexities, each with pros and cons and estimated costs.

Once the client made the decision on which approach to take, I proceeded with the development and deployment.

We closed the project with me handing over documentation on their system detailing the roadblocks we've encountered and the decisions made in relation to them. To top it off, I held a training session with their staff to help them make some small updates in the contents of the website.

Mission accomplished 🚀

Overall, I had a fun working on this project and I'm glad that I could help them design and build a website that met the company's needs.

ReliefAgad

Previous Project

NOAH, Revamped!

Next Project

Interested in doing a project together?