Web Design + Illustration
BMCG is a firm that provides consultancy services for developers and managing agents. They help manage a wide range of high profile buildings in London.
I was approached to develop their website and create accompanying illustrations to highlight their services and portfolio of properties.
BMCG website designI created the BMCG website design and illustrations for a London-based company that provides consultancy services for developers and managing agents. The site needs to show BMCG's range of services neatly and concisely. By planning and implementing everything carefully, it enables the site to work equally well on any device.
A specific colour was allocated to each service sector. We felt that this would make the site easier to reference. Using a neutral grey-blue colour scheme for the overall site design works well with a wide range of colours. It also brings a level of consistency throughout the site, linking all the pages and elements together.
The site was created using WordPress, while incorporating with a lot of custom design, to create something truly unique and bespoke to the client’s needs. WordPress allows for a lot of extra functionality to be implemented through the use of addons and plugins.
Interactive Web DesignSee the BMCG site in action.
When designing a site, it is important to always consider the layout on smaller screens to ensure that it works equally well on any device. This often means creating custom code to reorder elements and shuffle text and images into position.
A particular example of this was being able to always force images above the text they accompanied. As the text and illustration layouts alternate from left to right in the page sections, this meant that some of the images automatically wrapped underneath the text. This made the site look messy to view on mobile devices.
That’s where Flexbox came in. It allowed me to create custom CSS to reorder particular elements based on different screen sizes and orientations.
I coded the BMCG portfolio page myself, rather than using the standard WordPress features. We were, therefore, able to create exactly what we wanted, rather than relying on generic built-in features. It was necessary to create transition/animation effects to display the stats of each portfolio entry. The photos were also carefully edited and cropped in Photoshop. As each portfolio entry changes size and shape, depending on the size it’s being viewed at, the photos (and overlaid text) need to work equally well in square, portrait or landscape orientations.
Website IllustrationsLineart property management consultancy illustrations.
Bespoke vector line illustrations were created for use throughout the BMCG website. Creating these images myself, rather than purchasing them from stock libraries, allowed me to ensure that they were consistent and applicable throughout the site. To keep them relevant, I met with the client to discuss each service or topic section and gather keywords and a general overview. I then created initial mockups, to get the style of illustration and general contents approved, before getting stuck into each of the illustrations.