Work & Background

This page is a WIP. If you have any suggestions, particularly if you’re close to me and / or know my work, please share them!

What I do / would like to do

As a web developer, I work with designers to ensure their work is implemented with precision and aim for a result that is sensitive of the visual design, the practical constraints, and the shifting nature of the web.

My responsibilities often include designing the information architecture, establishing the tech stack, managing hosting environments, deploying, testing, debugging, writing documentation, training, and of course writing code.

The languages I use most often are JavaScript and PHP, and I have dabbled with Python, Ruby, and SQL. The content management systems (CMSs) I usually reach for are Kirby and Craft CMS, though I also work with WordPress when appropriate such as on this site. When time allows, I enjoy experimenting with newer CMS options and frameworks such as Netlify CMS, Gatsby, and Hugo. On the front-end, I’m a big fan of squeezing the absolute most out of CSS and HTML, using semantic elements whenever possible and making use of CSS Grid Layout and Flexbox when appropriate for the browser support requirements. JavaScript is great, but it’s not a panacea for front-end difficulties and should be used with care!

Moving forward, I would like to spend more time working with larger teams to make more meaningful contributions to open source projects and the open web more generally. I would also like to focus more on making the web accessible, particularly with institutions in the cultural sector that often inadvertently neglect this critical aspect of the web.

If you are interested in working or learning with me, please let me know!

Writing

Writing is how I keep track of the things that I learn as a web developer. Much of my work-related writing can be found in the input and output categories. These are a few of my most recent relevant posts:

Selected Projects

These are examples of the web work I have done over the past few years. Some of these projects were completed under the name SB-PH, a design and development collaboration I share with Sam Baldwin. I’ve tried to provide links where appropriate, i.e. the project is still online and remains relevant to my current work.

Barozzi Veiga website, with John Morgan studio (2019)

Screenshot of Barozzi Veiga websiteScreenshot of Barozzi Veiga websiteScreenshot of Barozzi Veiga websiteScreenshot of Barozzi Veiga websiteScreenshot of Barozzi Veiga website

Barozzi Veiga is an award-winning architecture practice founded in Barcelona. John Morgan studio had taken on the redesign of their website and subsequently brought SB-PH on board for the web development to ensure that their designs were implemented with nuance and precision. I configured Kirby CMS, handled the JavaScript, and worked with Sam on the CSS. The website launch coincided with news of their involvement in the upcoming transformation of the Art Institute of Chicago.

British Earways website rebuild (2019)

Screenshot of britishearways.comScreenshot of britishearways.comScreenshot of britishearways.comScreenshot of britishearways.comScreenshot of britishearways.comScreenshot of britishearways.com

British Earways is a London-based audio project by David Blamey featuring mixes, compositions, live recordings, and other work from contributors around the world. The website was originally designed by Julia. In early 2019, I rebuilt the existing site using Kirby CMS v3. The new version of the site uses modern web technologies including the Web Audio API and CSS Grid Layout. Read more.

Manalo & White website, with Fraser Muggeridge studio (2018)

Manalo & White website screenshotManalo & White website screenshotManalo & White website screenshot

In 2018, SB-PH was approached by Fraser Muggeridge studio to develop a new website they were designing for architecture studio Manalo & White. I configured Craft CMS and implemented the JavaScript and logic, particularly a randomised feed of project images which would occasionally feature media associated with a particular keyword – “white”, “concrete”, “plants”, etc. – on the homepage “above the fold”.

Modern Design Review website rebuild (2018)

Screenshot of Modern Design Review websiteScreenshot of Modern Design Review websiteScreenshot of Modern Design Review websiteScreenshot of Modern Design Review website

Modern Design Review is a contemporary design magazine. The MDR website was originally designed by Graphic Thought Facility. In 2018, I rebuilt the existing website to reduce dependencies and make use of modern CSS properties, and I moved their site to a new hosting platform. Since then, I have worked with MDR on further updates as needed to incorporate documentation of their many projects and of their gallery space in London.

Lützowufer website for David Kohn Architects, with Mark El-khatib studio (2018)

The Lützowufer website designed by Mark El-khatib formed part of David Kohn Architects’ winning proposal for a Berlin apartment building. I worked with Sam Baldwin to develop the website, using Google VR View for the Web to display static and video VR renders of the Lützowufer interior, street level, and rooftop.

Dannatt Johnson Architects website (2018)

Screenshot of Dannatt Johnson Architects websiteScreenshot of Dannatt Johnson Architects websiteScreenshot of Dannatt Johnson Architects websiteScreenshot of Dannatt Johnson Architects websiteScreenshot of Dannatt Johnson Architects website

The DJA website was designed and developed by SB-PH. I configured Craft CMS to support various user levels as well as a page builder to support the block-based layouts.

Keepers of Lost Clothes website, with Dust (2018)

Screenshot of Keepers of Lost Clothes websiteScreenshot of Keepers of Lost Clothes websiteScreenshot of Keepers of Lost Clothes websiteScreenshot of Keepers of Lost Clothes website

Keepers of Lost Clothes is a fashion-focused pedagogic research project at Leeds Beckett University. The website was designed by Dust and developed by SB-PH. I configured Craft CMS and implemented the logic.

Modern Art website, with John Morgan studio (2018)

Screenshot of Modern Art websiteScreenshot of Modern Art websiteScreenshot of Modern Art websiteScreenshot of Modern Art website

Modern Art is a gallery representing artists internationally with two locations in London. In 2018, John Morgan studio approached SB-PH to develop the website with a focus on nuanced typography and high-quality media. I worked closely with the Modern Art team to configure Craft CMS appropriately for their specific archive requirements and implemented the logic and JavaScript.

Marysia Lewandowska’s website, with Luke Gould (2018)

Screenshot of Marysia Lewandowska websiteScreenshot of Marysia Lewandowska website

Marysia Lewandowska is a London-based artist that exhibited in the Venice Biennale Pavilion of Applied Arts in 2019. Her ethos is “Share What You Know”. In 2018, I developed a new theme for her existing WordPress site designed by her frequent collaborator Luke Gould.

Host website (2018)

Screenshot of Host websiteScreenshot of Host websiteScreenshot of Host website

Host is a flexible Leyton high street venue for work, retail, and events. They needed a simple, low-maintenance website to share their weekly schedule and information about the space. SB-PH designed and developed their site in late 2018, and I was responsible for configuring Netlify CMS with Jekyll. Read more about the process.

Occasional Papers website (2017)

Screenshot of Occasional Papers websiteScreenshot of Occasional Papers websiteScreenshot of Occasional Papers website

Occasional Papers is an independent publisher of affordable books devoted to the histories of architecture, art, design, film and literature. OP approached SB-PH to design and develop their new e-commerce website in 2016. I developed a WordPress theme with extensive WooCommerce support and wrote the logic to display books proportionately on the front-end.

Jock Kinneir Library website (2017)

Screenshot of Jock Kinneir Library websiteScreenshot of Jock Kinneir Library websiteScreenshot of Jock Kinneir Library websiteScreenshot of Jock Kinneir Library website

Graphic designer Jock Kinneir is perhaps best known for his work with Margaret Calvert on Britain’s motorway signage, an undertaking that would inform a large part of Britain’s graphic identity. The Jock Kinneir Library, an organisation dedicated to sharing Kinneir’s work and teaching, commissioned SB-PH to design and develop a website where they would share interviews, media, transcripts, and other resources of note. I worked with the Library and Sam Baldwin to devise a records system and page builder that is suitable for their breadth of content, configuring Craft CMS and the logic.

Memory Machine website, with Luke Gould (2017)

Screenshot of Memory Machine websiteScreenshot of Memory Machine websiteScreenshot of Memory Machine websiteScreenshot of Memory Machine website

Memory Machine is a web-based artwork by Tyler Coburn commissioned by the Asia Art Archive. I worked with designer Luke Gould to create a bilingual, Wikipedia-esque website driven by MediaWiki. The Asia Art Archive hosts this website on their server setup in China. Read more.

Gabrielle Lockwood-Estrin’s website (2017)

Screenshot of Gabrielle Lockwood-Estrin websiteScreenshot of Gabrielle Lockwood-Estrin website

Artist Gabrielle Lockwood-Estrin focuses on printmaking and over recent years has been producing increasingly layered, and consistently colourful, pieces. SB-PH designed and developed a simple website to showcase her work and activity. I configured Kirby CMS and implemented the logic in PHP.

Sessions & Co. website (2016)

Screenshot of Sessions & Co. website

Sessions & Co. collaborates with UK-based artists and designers to create heirloom-worthy goods for children and the home. SB-PH designed and developed their e-commerce website in 2016. I was responsible for the Shopify build and advised on webshop management.

Pump House Gallery website, with Mark El-khatib (2016)

In 2016, graphic designer Mark El-khatib approached SB-PH to develop a new website for Pump House Gallery, a contemporary art space in Battersea Park. I implemented the seasonal colour palette that formed part of the branding, configured Craft CMS according to the organisation’s needs and user privileges, and implemented the logic.

Flood House website, with Mark El-khatib (2016)

Screenshot of Flood House websiteScreenshot of Flood House website

Flood House was a floating prototype structure by Matthew Butcher that was installed on the Thames Estuary in spring 2016 alongside a programme of events curated by Jes Fernie and the Focal Point Gallery. The Flood House website was designed by Mark El-khatib and developed by SB-PH. I configured Kirby CMS, implemented the logic, and integrated weather and tidal API data according to location of the structure.

Third Angel website, with Dust (2016)

Screenshot of Third Angel website

Third Angel is a theater company in the north of England. The Third Angel website was designed by Dust and developed by SB-PH. I configured Craft CMS to support their event and venue requirements and implemented the logic.

Penguin Classics, Pelican, and The Happy Reader e-newsletters (2016)

Screenshot of Penguin Classics newsletterScreenshot of The Happy Reader newsletterScreenshot of Pelican newsletter

In 2016, the Random House Group approached SB-PH to design and develop a new e-newsletter template to be used with their enterprise-level software. Their marketing efforts were being restricted by a stale, non-responsive template that was difficult to use. We created a modular system with a UI that allowed them to easily change media, colours, reorder content, and much more. I worked with the software’s templating syntax to develop a template with appropriate Outlook 2010+ compatibility as well as support for more modern technology such as web fonts and responsive layouts. We subsequently worked with them to incorporate new modules, and the following year they commissioned us to extend this template for use with the Pelican imprint and The Happy Reader, a magazine co-produced by Penguin Classics and Fantastic Man.

View a Pelican newsletter
View a Happy Reader newsletter
View a Penguin Classics newsletter

Corridor8 website (2016)

Screenshot of Corridor8 websiteScreenshot of Corridor8 websiteScreenshot of Corridor8 website

Corridor8 is a platform for contemporary art and writing in the north of England. In 2016, Corridor8 moved away from print-focused publishing towards web-first output. They commissioned SB-PH to design and develop their new website, requiring support for 10+ regional editors and light art direction for major features. I developed their WordPress theme and ran SQL queries grooming thousands of entries within the legacy database to appropriately configure the content for the new fields and style guide.

Objectif Exhibitions website & e-newsletter, with Sara De Bondt studio (2015)

Screenshot of Objectif Exhibitions websiteScreenshot of Objectif Exhibitions websiteScreenshot of Objectif Exhibitions website

Objectif Exhibitions was a Belgian nonprofit institution devoted to contemporary art and supported by the Flemish community. The website was designed by Sara De Bondt studio and developed by SB-PH. I was responsible for the translation-ready WordPress theme, implemented Dutch UI translations, and archived their three legacy websites on subdomains. Shortly after we deployed the new website, I developed a modular, reusable e-newsletter template for Objectif based on the existing website design.

Casper Mueller Kneer Architects website (2013)

Screenshot of Casper Mueller Kneer websiteScreenshot of Casper Mueller Kneer websiteScreenshot of Casper Mueller Kneer website

The Casper Mueller Kneer Architects website is one of SB-PH’s earliest web projects. Since 2013, we have worked with CMK on periodic maintenance and gradual updates.

Background

I grew up in California and completed my undergrad degree at Colby College, a liberal arts school in central Maine. At Colby, I majored in fine art and was introduced to computer programming, amongst other subjects. In 2010, I moved from San Francisco to London to pursue a postgrad in fine art at Central Saint Martins. At the end of this stint some of my work was shortlisted for an award and exhibited in the new-at-the-time Lethaby Gallery. I was fortunate to sell a few pieces. After this experience I was in search of something a little more practical, and for about a year and a half I worked with the world’s first peer-to-peer car sharing startup.

Since the p2p startup folded in 2013, I have been working primarily as a web developer. Between February 2017 and April 2019 I managed Occasional Papers, an independent publisher of excellent books on the histories of architecture, art, design, film and literature. Until early 2019, my web development work was mainly with designer Sam Baldwin under our initials SB-PH. Since then, I have been pursuing more independent opportunities with designers and institutions alongside my ongoing collaborations with Sam.

My work and hobbies overlap somewhat. When I’m not on a computer, I like to cook, draw, read, repair, and sing in groups.

Get in touch!