PTI Architecture

Project Overview

One Day Design Group brought me on board to help build the PTI Architects website. They already had the designs ready to go and needed someone to bring it all to life and implement it into a content management system (CMS). One of the key requirements was to ensure the site was easy for the client to manage post-handover and of course, it had to work seamlessly across desktop, tablet and mobile.

Team

Engineering (myself)
Design partner: One Day Design Group
Client / stakeholder: PTI Architects

Role

Front-end developer
CMS integration
Design to code
QA and cross-device testing
Client collaboration

Tools

Photoshop
Illustrator
Sublime text editor
MAMP Pro

The Problem

The challenge was taking static design files and turning them into a fully functional responsive website that maintained the original design intent. The CMS needed to be simple and intuitive for the PTI team to use and the site had to perform reliably across all devices. On top of that, the project section from the old site needed to be migrated, including gathering and optimising all images for the web.

Project Process

The build was done using a content management system paired with the Zurb Foundation framework to ensure solid responsiveness and layout structure.

I developed the front end from scratch, writing the HTML, CSS and JavaScript to match the supplied designs. Where certain interactions or design ideas didn’t quite translate well in the browser or felt off, I offered practical design alternatives to stay as true as possible to the vision while still delivering a smooth user experience.

All content, including case studies and projects was migrated over from the previous site. I worked directly with the client to collect and optimise high-resolution renders, ensuring the site stayed lightweight and fast without compromising on visual quality.

It was a collaborative and smooth process working with both One Day Design Group and PTI Architects – everyone was aligned on the goal, which made the delivery super efficient.

Responsibilities & Contributions

Front-end development (HTML, CSS, JS)
Design cut-up from supplied files
Responsive build using Zurb Foundation
CMS integration and setup
Image optimisation and content migration
Functional and responsive testing across devices

Outcome & Learnings

The final site reflects the quality and professionalism of PTI Architects while being easy for their team to manage moving forward. The smooth collaboration and open communication between everyone involved helped make this project a success from start to finish. It was satisfying to deliver a site that not only looked good but was also practical, functional and built for longevity.