AMR

image of AMR website mockup by Tom Egan

01

Overview

Completed

2015

Role

Logo Design, UI/UX Design, Web Development

Established in 1998, Advanced Masonry Restoration has been the leader in masonry corrective cleaning, repair, and replacement in Minnesota; receiving numerous awards and restoring several historic sites such as the Split Rock Light House on Lake Superior. The previous version of advancedmasonry.com had not undergone a redesign in over ten years, making the transformation of their existing site into a modern, sleek, and responsive representation of the company, priority one. Additional objectives included CMS integration (Wordpress) and establishing a new brand identity that placed a larger emphasis on their initials, AMR, while reincorporating elements of their old logo.

02

Technologies

HTML/CSS

jQuery

PHP

Bootstrap

Wordpress

Adobe Illustrator

Adobe Photoshop

03

Colors

#9A9581
#292420
#EAE8D3

04

Typography

Montserrat

Headings

A a

Open Sans

Body

A a

05

Logo Design

Image of AMR logo

06

Sitemap

1.0 Homepage 2.0 About 2.2 Our Process 4.0 Projects 5.0 Contact 2.1 History 3.0 Services 2.3 Awards 2.4 Testimonials 4.1 View All 4.2 Historical 4.3 Commercial 4.4 Government 4.5 Education 4.6 Project Grid 4.7 View Project

07

Wireframes

Home

Menu 5 Menu 4 Menu 3 Menu 2 Menu 1 LOGO 555-555-5555 Image Button Button Image Image Image Image

About

Menu 5 Menu 4 Menu 3 Menu 2 Menu 1 LOGO 555-555-5555 Image Button Button Button Button Image Image

View Project

Menu 5 Menu 4 Menu 3 Menu 2 Menu 1 LOGO 555-555-5555 Image Image Image Button Image Image Image Image Image Image Image Image

08

Project Grid Hover

Default State

PROJECT NAME Location

Transition

VIEW PROJECT PROJECT NAME Location

Hover

VIEW PROJECT PROJECT NAME Location

09

Final Design