Bart Nagel – web developer
Bart Nagel – web developerI’m a programmer based in Vancouver, originally from the UK. I mostly work in web, as a full-stack developer.
There are contact details below.
Project history
- : Hendrix (all development)
- : this website (all development)
- : AbCellera – static website for Biotech company, pulling content from a cloud-based CMS (all development and toolchain)
- : 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
- : Sparkit – social platform for influencers and their fans (most front- and back-end development for MVP)
- : Skittles Holidy Pawn Shop (front-end updates for year two, and some refactoring)
- : 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)
- : GBH clan signature – Flash toy
- : 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)
- : 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)
- : – 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)
Like what you see?
If you need any kind of web development done, let me know.
I’m currently interested in:
- Static websites
- Serverless logic (Amazon Lambda, etc)
- Headless CMSes such as Netlify CMS, Prismic, Contentful, etc
- Laying out beautiful but practical designs
Other things I’m good at:
- Website back-end coding (Node.js with Express or Serverless; Python with Django; PHP with Laravel; MySQL, MariaDB, PostgreSQL, and Sqlite; Linux/Unix shell)
- Responsive site layout in HTML5 and CSS3
- Javascript/ES6 coding, particularly favouring Typescript
- React and other front-end 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
- 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.)
IM
- Freenode IRC: tremby
- Telegram: @bartnagel