Responsive Mobile Web
The Real Estate Company
Savills are one of the leading International property consultants and real estate agents in the world, with offices and associates throughout the globe.
My design and user interface work for Savills spanned various departments and products within the company during the time I was employed there and after I left, on a consultancy basis.
Responsive Web Design & Development
I worked within the marketing team and software engineering teams during my time at Savills, creating visuals and designing and coding the front end of web sites.
I was the sole front end designer at Savills. I would recreate my designs as template files in HTML/CSS, for the engineers to wire up to the back end.
Projects included designing the main UI for the company HR system, client intranets and also various sections of the company's global websites.
Desktop HTML/CSS layout
Front End Design, HTML/CSS
Desktop HTML/CSS
Desktop HTML/CSS
Ongoing Design Work
Working within Savill's style guide, I gave their original standalone site for international residential property a complete redesign. I designed the whole look of the new site, and developed the initial working prototype. I took take the home page away from Savills' usual corporate look and reflected the aspirational lifestyle properties on sale.
After I left Savills the international residential site was incorporated into their main property search and I was asked to help with development on a consultancy basis. Using hi-fidelity visuals as a guide, I built the new property search pages in responsive HTML and CSS for the engineers to wire up to the back end.
Tools Used In This Project
Wireframing
- Pencil & paper to brainstorm ideas
- Balsamiq for lo-fi mock-ups
Visual Design & Product Assets
- Adobe Creative Suite specifically:
- PhotoShop for pixel perfect designs and true to life renderings
- Illustrator for creating icons and SVG images
Responsive HTML
- Brackets
- Visual Studio (when I worked within development teams)