LOM Architecture and Design

Responsive Web Design for LOM Architecture

We were commissioned to design and build this new responsive website for London-based company, LOM Architecture. LOM is an architecture and design practice with a passion for creating inspiring projects with a personal service, and therefore part of our brief was to give the new site a web design that had a greater emphasis to their work and their people.

We wanted the home page to be more of a window into the company. A place on the web where viewers can find a snapshot of what LOM is about, view their recent work and keep up to date with their latest news and events. So the home page design is sectioned off that include a hero shot, brief introduction and feeds from latest blog posts as well as recent projects.

The LOM Website
Design for the Home Page

Web Page from the Site

LOM Staff Pictures on About Us Page

Summary of Spreads

Website Project Page

Mobile States of the Website

Project Pages Have a Responsive Layout

Photography from the Web

Photography by Mike Goldwater

The Site Design

The site’s layout is clean and simple with blocks of information – a  design style that works well for responsive sites, as the blocks simply move beneath one another when the screen size goes smaller. The typography and graphics are deliberately understated, instead giving centre stage to stunning images of their landmark buildings and interiors. With beautiful staff portraits and office interior shots by Mike Goldwater, we are able to show the people behind the projects and give an insight into how the team works.

Once the website for LOM Architecture was in place, we were asked to create site for their sister company FDP Retail Environments. Using the same code, but changing content and colours, we were able to produce a the smaller version of the site.

So What is Responsive Web Design?

Responsive web design is a method of optimising the viewing experience of a website, allowing easy navigation and reading on any screen size from desktop, to tablet, to mobile phone. All our websites are built with this functionality in mind, as more and more people are accessing the web via tablet and mobile devices. It’s also important to remember that each year new phone and tablets come into the market with new screen sizes, so a fluid approach to design is vital in order to ensure your website can be viewed to its best potential without the need to update the code all the time. In basic terms responsive sites work on percentages of the screen rather than absolute units of pixels.


Project Completed September 2014