AT Web Design Stafford - Web Design & Branding

Project Summary

Steve at hha architects wanted a new site that displayed on mobile and tablet along with adding more recent project work. The current site was very dated and was not very easy on the eyes and a-lot of the content was nested within multiple pages. The main area of concern was that on mobile it was unreadable and you needed to zoom in to see the content.

‍

Project Brief

Steve requested a modern, clean and responsive design that looked great on all devices. It is essential to make a great first impression and allow the users to see the projects completed using a CMS system.

The content was pulled from the current site along with relevant discussions with Steve of new scrolling home page, CTA and general consolidation of the current site map.

Responsive Design
New CMS system to control project categories and individual projects
Bring the branding into the website
New and reduced content.

‍

Steps taken

1. Discuss with client and make note of all requirements.

2. Mock up designs using two current pages to date and how they would change.

3. Feedback taken away and developed a template for the new website.

4. Walkthrough meeting with client to show the mock up template.

5. Web Development then carried forward within Webflow adding more content and images.

6. Handover new Web Design and Development to the client.

The Process

I followed the requirements provided by Steve by creating mock ups. We communicated using Zoom call and telephone calls to walk through the ideas to be able to start creating the template as a base.

The logo required updates as this was currently one big image along with the slogan.

Once the basic template was created a zoom call was arranged to discuss any further requirements and any points in regards to the basic layout.

The rest of the content was then added to the template along with linking the rest of the project categories to the individual projects.

A CTA banner was added to the homepage along with modernisation of the contact pages. There is now a separate team page which was created with images of team members to make the site more personal.

Once the website was completed and all content was added, i then arrange a walk through with Steve along with setting up contributor access to make changes in the future and how to use Webflow.