Over the course of the last year we have been working with UK recycling company First Mile. We created a brand new website for them , introduced a new logomark with a refreshed logotype, and travelled around taking portraits of their customers.
The website was a ground-up rethink, with a focus on capturing new customer enquiries, but we were also able to bring some bespoke design to information-heavy pages like a walkthrough of the company's recycling headquarters, the Sacktory®, or a breakdown of what happens to your waste once you throw it away.
Home page animation
A custom page showing an overview of First Mile's Sacktory®
![](https://commonworks.co.uk/images/_1400xAUTO_crop_center-center_none/fm-map.png)
The main focus of the branding was to create a mark that First Mile could use alongside or instead of their current wordmark, and then extrapolate that mark into a full brand refresh. We updated the wordmark as well, to remove some visual clutter and allow it to work better at smaller sizes, but keeping the recognisable parts so it still looked like First Mile.
![](https://commonworks.co.uk/images/_350xAUTO_crop_center-center_none/fm-final-mark.png 350w,
https://commonworks.co.uk/images/_700xAUTO_crop_center-center_none/fm-final-mark.png 700w,
https://commonworks.co.uk/images/_1400xAUTO_crop_center-center_none/fm-final-mark.png 1400w,
https://commonworks.co.uk/images/_2100xAUTO_crop_center-center_none/fm-final-mark.png 2100w,
https://commonworks.co.uk/images/fm-final-mark.png 2800w)
The final mark
![](https://commonworks.co.uk/images/_168x218_crop_center-center_none/fm-logotype-old.png 168w,
https://commonworks.co.uk/images/_336x470_crop_center-center_none/fm-logotype-old.png 336w,
https://commonworks.co.uk/images/_672x961_crop_center-center_none/fm-logotype-old.png 672w,
https://commonworks.co.uk/images/_2016x2883_crop_center-center_none/fm-logotype-old.png 2016w,
https://commonworks.co.uk/images/_1344x1922_crop_center-center_none/fm-logotype-old.png 1344w)
![](https://commonworks.co.uk/images/_168x218_crop_center-center_none/fm-logotype-new.png 168w,
https://commonworks.co.uk/images/_336x470_crop_center-center_none/fm-logotype-new.png 336w,
https://commonworks.co.uk/images/_672x961_crop_center-center_none/fm-logotype-new.png 672w,
https://commonworks.co.uk/images/_2016x2883_crop_center-center_none/fm-logotype-new.png 2016w,
https://commonworks.co.uk/images/_1344x1922_crop_center-center_none/fm-logotype-new.png 1344w)
The logotype, before and after
![](https://commonworks.co.uk/images/_350xAUTO_crop_center-center_none/fm-branding-doc.png 350w,
https://commonworks.co.uk/images/_700xAUTO_crop_center-center_none/fm-branding-doc.png 700w,
https://commonworks.co.uk/images/_1400xAUTO_crop_center-center_none/fm-branding-doc.png 1400w,
https://commonworks.co.uk/images/_2100xAUTO_crop_center-center_none/fm-branding-doc.png 2100w,
https://commonworks.co.uk/images/fm-branding-doc.png 2800w)
A selection of pages from the branding document
![](https://commonworks.co.uk/images/_350xAUTO_crop_center-center_none/Minivan-Mockup-v4b.jpg 350w,
https://commonworks.co.uk/images/_700xAUTO_crop_center-center_none/Minivan-Mockup-v4b.jpg 700w,
https://commonworks.co.uk/images/_1400xAUTO_crop_center-center_none/Minivan-Mockup-v4b.jpg 1400w,
https://commonworks.co.uk/images/_2100xAUTO_crop_center-center_none/Minivan-Mockup-v4b.jpg 2100w,
https://commonworks.co.uk/images/Minivan-Mockup-v4b.jpg 2800w)
A mockup showing the new branding on an electric van
To give a focus on the testimonials of customers on the First Mile website, we travelled London to take portraits of the clientele, from large national headquarters, to independent cafés.
![](https://commonworks.co.uk/images/_350xAUTO_crop_center-center_none/fm-portraits-01.jpg 350w,
https://commonworks.co.uk/images/_700xAUTO_crop_center-center_none/fm-portraits-01.jpg 700w,
https://commonworks.co.uk/images/_1400xAUTO_crop_center-center_none/fm-portraits-01.jpg 1400w,
https://commonworks.co.uk/images/_2100xAUTO_crop_center-center_none/fm-portraits-01.jpg 2100w,
https://commonworks.co.uk/images/fm-portraits-01.jpg 2800w)
![](https://commonworks.co.uk/images/_168x218_crop_center-center_none/fm-portraits-02.jpg 168w,
https://commonworks.co.uk/images/_336x470_crop_center-center_none/fm-portraits-02.jpg 336w,
https://commonworks.co.uk/images/_672x961_crop_center-center_none/fm-portraits-02.jpg 672w,
https://commonworks.co.uk/images/_2250x3218_crop_center-center_none/fm-portraits-02.jpg 2250w,
https://commonworks.co.uk/images/_1344x1921_crop_center-center_none/fm-portraits-02.jpg 1344w)
![](https://commonworks.co.uk/images/_168x218_crop_center-center_none/fm-portraits-03.jpg 168w,
https://commonworks.co.uk/images/_336x470_crop_center-center_none/fm-portraits-03.jpg 336w,
https://commonworks.co.uk/images/_672x961_crop_center-center_none/fm-portraits-03.jpg 672w,
https://commonworks.co.uk/images/_2250x3218_crop_center-center_none/fm-portraits-03.jpg 2250w,
https://commonworks.co.uk/images/_1344x1921_crop_center-center_none/fm-portraits-03.jpg 1344w)
![](https://commonworks.co.uk/images/_350xAUTO_crop_center-center_none/fm-portraits-04.jpg 350w,
https://commonworks.co.uk/images/_700xAUTO_crop_center-center_none/fm-portraits-04.jpg 700w,
https://commonworks.co.uk/images/_1400xAUTO_crop_center-center_none/fm-portraits-04.jpg 1400w,
https://commonworks.co.uk/images/_2100xAUTO_crop_center-center_none/fm-portraits-04.jpg 2100w,
https://commonworks.co.uk/images/fm-portraits-04.jpg 2800w)
![](https://commonworks.co.uk/images/_168x218_crop_center-center_none/fm-portraits-05.jpg 168w,
https://commonworks.co.uk/images/_336x470_crop_center-center_none/fm-portraits-05.jpg 336w,
https://commonworks.co.uk/images/_672x961_crop_center-center_none/fm-portraits-05.jpg 672w,
https://commonworks.co.uk/images/_2000x2859_crop_center-center_none/fm-portraits-05.jpg 2000w,
https://commonworks.co.uk/images/_1333x1906_crop_center-center_none/fm-portraits-05.jpg 1333w)
![](https://commonworks.co.uk/images/_168x218_crop_center-center_none/fm-portraits-06.jpg 168w,
https://commonworks.co.uk/images/_336x470_crop_center-center_none/fm-portraits-06.jpg 336w,
https://commonworks.co.uk/images/_672x961_crop_center-center_none/fm-portraits-06.jpg 672w,
https://commonworks.co.uk/images/_2250x3218_crop_center-center_none/fm-portraits-06.jpg 2250w,
https://commonworks.co.uk/images/_1344x1921_crop_center-center_none/fm-portraits-06.jpg 1344w)