AT - Web Design


Let's get in touch

Web Design and Development

hha Architects

Web Design and Development

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.

hha architect original website

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.

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.

new homepage design

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.

old projects layout
New projects page layout

End Result

Feel free to take a look at the site, you can find it by clicking here.

Digital experiences, made better

Lets get in touch

Enquire Now

AT - Web Design - Grow your business Web Design and Development needs, Based in Stafford, Staffordshire.

At-Web Design InstagramAt-Web Design linked inAt-Web Design dribble
AT Web Design