I’m Oliver Pattison, a designer focused on the future of the web.
I’m currently working on independent projects, but I am also interested in the right full-time role – it might be called “web designer” or “web developer” but I am happiest working between those boundaries.
What I work with
I have a passion for well-written, thoughtful HTML and CSS. Although it is sometimes dismissed as a simple markup language, getting HTML right is challenging, both when dealing with visual design and with accessibility and usability.
Jekyll is my favorite tool for designing and publishing content on the web. Most of the sites that I build currently are static sites (using Jekyll) with minimal but flexible configuration and high performance.
Version control is essential for designing dynamically, maintaining code, and collaborating quickly and remotely. I use Git as a safety net for all of my work, whether on my own or with a team.
I use SCSS to help me write effective CSS. I find it invaluable as a creative tool and as a way to organize and develop styles in short and composable parts.
I have designed and developed sites with Shopify, Statamic, WordPress, and other content management systems. My focus has been on integrating front-end design with content editing systems, and creating clear and usable content structures for editors.
About this site
This website is an archive for my work, featuring:
- Writing, a collection of quick notes as well as longer essays
- Projects, documentation and reflections on professional and open source work
- Photography, a collection of images documenting details of my environment
Design and development
I designed this site in the space of a few weeks in October and November 2014. Development continues regularly.
Early in the process, I established a pattern page with reference examples of general HTML and specific use cases for my own designs. The site is built with Jekyll, hosted with Amazon CloudFront and S3, and version-controlled with GitHub.
I would like to thank Jean for editing and design input.