Bart Nagel – web developer
I craft bespoke, top-tier websites which radiate professionalism. Prioritizing excellence at every step, my goal is to produce flawless user experiences with superior performance and wide accessibility.
I’m based in Vancouver, originally from the UK. I mostly work in web, as a full-stack developer.
You can hire me. There are contact details below.
Project history
- : Cesium – static marketing website for open-core software company, with content pulled from a cloud-based CMS (all development)
- : Too many shades (all development)
- : Discuss Cannabis Twitter map – real-time map of cannabis-related tweets (all development of map component)
- : Vancouver Convention Centre Lot 185 page – custom layout for new restaurant in convention centre (all development including new data schema)
- : Trans Mountain website maintenance (layout and functionality changes, addition of French translation)
- : Hendrix (all development)
- : this website (all development)
- : Hyperquake – Prismic-based website for branding agency (maintenance of existing website)
- : AbCellera – static website for biotech company, pulling content from a cloud-based CMS (all development and toolchain)
The list goes way (way) on.
- : 360° panorama for Sky Residences at Ice District (front-end development)
- : Trans Mountain community/pipeline map – interactive map as part of new website build (front-end map development and tooling for map data processing)
- : Matt Wiens – résumé page
- : Ephie Rowe – port of legacy PHP-based website to Jekyll
- : CESO 50th anniversary page – new section for existing website (all development)
- : Quality Milk – milk promotion for Dairy Farmers of Canada (most initial front-end development)
- : Sparkit – social platform for influencers and their fans (most front- and back-end development for MVP)
- : Skittles Holiday Pawn Shop (front-end updates for year two, and some refactoring)
- : Canada in a Day – website and video crowdsourcing for film project (all development and sysadmin)
- : CESO – website for non-profit (back-end development and sysadmin)
- : Priim – website for mobile app aimed at hairstylists (all front- and back-end development)
- : Win the Board – web-based game for SAP and Intel’s Digital Boardroom product (back-end development)
- : Spring Styles – page and banner for Metropolis at Metrotown (all development)
- : Adidas Runmore awards page – showcase of a marketing project (all development except mobile-specific styles)
- : McDonald’s CRM – newsletter signup and questionnaire (front-end development and deployment scripting)
- : Lifesize Stylist – interactive physical installation in a mall with 60-inch and 24-inch touch screens (all back-end and most front-end code)
- : Beetle Road Stories – award-winning Volkswagen campaign (3D “virtual test drive” feature with canvas fallback, all back-end code including admin panel and Google Street View pathfinding logic, some other front-end code)
- : Blend Your Friends – product promotion for McDonald’s (proof-of-concept Imagemagick face-morphing code)
- : Mark Wiens – holding page based on existing business card (all development)
- : BC Place Stadium – large-scale cloud-CMS-driven website (all back-end and some front-end development)
- : Vancouver Convention Centre – large-scale cloud-CMS-driven website (most back-end and some front-end code including map)
- : Selfie Swap – campaign for the Canadian Tourism Commission (all back-end and some front-end code, including moderation panel)
- : py-lightpack – fork of a Python library to control Lightpack
- : McDonald’s Local Region Marketing tool – internal tool for McDonald’s staff to generate localized banners based on templates (all development)
- : Milk Every Moment Snack Masters – campaign for the Strategic Milk Alliance (most back-end and some front-end code)
- : Explore Edmonton – tourism website (most back-end and some front-end code)
- : Mobile Stylist – mobile-optimized dress-up-doll toy for Metropolis at Metrotown (all back-end development including admin panel, and some front-end code)
- : Mark Wiens Community Lawn Care flyer – flyer for chafer beetle awareness
- : BC Hydro maps tool – internal tool for BC Hydro staff to produce custom interactive maps (all development)
- : Canadian Tourism Commission HTML5 ad – interactive HTML5 advertisement featured in Süddeutsche Zeitung, Frankfurter Allgemeine Zeitung, and Marco Polo Travel Magazine (all development)
- : Chafer beetle damage map – user-facing side of damage reporting database (all development)
- : Sprintly-GitHub – command-line tool for connecting Git repositories with Sprintly (fork with major refactoring, new features, and fixes)
- : Healthy Choice (back- and front-end code for a new page for the existing website, and changes to accommodate a new product range)
- : Chafer beetle damage reporter tool – web-based internal tool allowing reports and photos to be recorded while surveying for chafer beetle damage (all development)
- : Milk Every Moment – campaign for the Strategic Milk Alliance (front-end development including the “milk cheers” crowdsourced video carousel feature and its admin panel)
- : Good Karma Contest – campaign for Servus Credit Union (part of the front- and back-end development)
- : McDonald’s Monopoly 2013 – annual Monopoly campaign website (all development including full image generation chain)
- : McCafé Monday Catch-ups – campaign for McDonald’s McCafé (all development)
- : Mark Wiens Community Lawn Care flyer – flyer for chafer beetle awareness
- : HTML5 dice – customizable dice roller written in HTML5
- : Canadian Pacific Rail digital signage – elements to be embedded in Flash-based digital signage (all development)
- : QPC BLT vs BLT QPC – campaign for McDonald’s Quarter Pointer with Cheese BLT (all development)
- : 24-hour Snack Tracker – mobile-optimized 24-hour restaurant navigator toy for McDonald’s (most front-end development including route-finding and progress-detection logic)
- : Montecristo Magazine (front- and back-end development, various Wordpress widgets, responsive styles and code)
- : Tourism Kamloops – Facebook app (front- and back-end development)
- : Nuvo Magazine (front- and back-end development, various Wordpress widgets, responsive styles and code)
- : Tourism Chilcotin – Facebook app (front- and back-end development)
- : Mark Wiens Community Lawn Care – website for small business (redevelopment improving on an existing design and build)
- : Mark Wiens Community Lawn Care flyer – marketing flyer
- : Starbucks Rekindle – holiday campaign for Starbucks (part of the front-end development, and some back-end development including a video generation service)
- : Starbucks Verismo System – website for the Starbucks coffee maker (most front-end development, including parallax system)
- : Starbucks PSL Challenge – interactive games for Starbucks’s Pumpkin Spice Latte campaign (front-end development including wordsearch, quiz, and other mini-games)
- : Rise Above – campaign for the Nike Jordan brand (part of the front-end development)
- : Starbucks Frappuccino – the 2012 website for Frappuccino (half of the front-end development, including a jingle-making toy)
- : Mark Wiens Community Lawn Care printed materials – business card, fridge magnet, flyer (design and layout)
- : Nike Golf Speed Trials – campaign for Nike Golf (front-end development of mobile version)
- : Tazo Tea Time – campaign for Starbucks (all front-end development)
- : Read for Profit – sales website for e-book and proofreading course (all design and development)
- : py-colour – colour manipulation module for Python
- : Decorum Tile Studio – website redevelopment, improving on existing design (all development)
- : Internationale Meistersinger Akademie – singing mastercourse website (all development of original version of site)
- : imgur.sh – a somewhat-widely-used bash script for uploading to Imgur
- : colour.js – colour manipulation module for Javascript
- : More Than a Lifetime cover art – simple cover art for rock band The Livid’s EP
- : py-translate – command-line language translation filter leveraging the Google Translate API (defunct)
- : Qube Mosaic – tile showcase website (adaptation of an existing website)
- : Mind the Gap – informational site for the University of Southampton Students’ Union (design and development)
- : Learn Freelancing – marketing and sales website for proofreading book and course (design and development)
- : Live Music Society – student society website (redesign and rebuild)
- : Southampton University Staff Club Football Society (design and development)
- : Learn Freelancing Proofreading and Editing Course (typesetting and digital annotation)
- : Signal to Strike – rock band website (design and development)
- : Signal to Strike cover art and packaging (CD digipak and disc design)
- : digital annotation of the Pocket Book of Proofreading (vector PDF edits resembling handwritten corrections)
- : the Dance Floor Fillers – functions band website (design and development)
- : the Market House Inn – website for an inn in Glastonbury, UK (design and development)
- : 2006 EP cover art (cover art design)
- : Westpoint – rock band website (Flash elements and layout)
- : Hold Your Head Up High – promotional website for novel (design and development)
- : Live Music Society – student society website (all development)
- : Love and Comfort in a Time of Confuse banner – Flash banner ad for rock band Westpoint
- : Treecare Tree Surgeons
- : Love and Comfort in a Time of Confuse e-card – e-card with music clips for rock band Westpoint
- : 64dollar Productions – video production company website (design and development)
- : GBH clan signature – Flash toy
- : ShawnL Productions – website for music producer Shawn Lefebvre (design and development)
- : The Livid – website for rock band (design and development)
- : Crushed Like Fruit cover art – cover art for InMe’s 2002 UK number 25 single (cover art design, one of two design contest winners)
Like what you see?
If you need any kind of web development done, let me know.
I’m currently interested in:
- Static websites
- “Jamstack”
- Headless CMSes such as Netlify CMS, Prismic, Contentful, etc
- Laying out beautiful but practical designs
- Performance
- Web accessibility
Other things I’m good at:
- Serverless logic (Amazon Lambda, etc)
- Website back-end coding (Node.js with Express or Serverless; Python with Django; PHP with Laravel or Lumen or Craft CMS; MySQL, MariaDB, PostgreSQL, and Sqlite; Linux/Unix shell)
- Responsive site layout in HTML and CSS
- Typescript and Javascript
- React and other front-end libraries and frameworks
- Building APIs, and hooking up to existing ones
- Building clear, powerful, and easy-to-use control panels
- Setting up and optimizing build systems (for example with Webpack)
- Devops and other automation
- Automated unit and acceptance tests
- Vector-based art (SVGs)
- Proofreading and copy-editing
- Music notation
On the other hand, I rarely accept work involving big content management systems such as Wordpress or Drupal, or maintenance of existing sites I didn’t build.
Tools
I proudly develop with almost exclusively open-source software.
A few particular highlights:
- Ubuntu operating system
- Vim editor
- Git version control
- Inkscape vector drawing package
- Imagemagick image manipulation tools
- Firefox and other browsers
Not to mention the dozens of web development tools and libraries I use, but many of these constantly change from project to project.
Contact details
You can get my email address by taking bartnagel.ca and replacing the first a with @.
If you wish, you can encrypt messages you send to me using my OpenPGP public key. (There’s also a legacy PGP key for ECS-related stuff.)
Web communities
- Github: tremby