Bryce Kirk, Developer in Calgary, AB, Canada
Bryce is available for hire
Hire Bryce

Bryce Kirk

Verified Expert  in Engineering

Front-end Developer

Location
Calgary, AB, Canada
Toptal Member Since
August 11, 2017

Bryce is a website developer with a strong background in design based out of Calgary, Canada. He's spent the last ten years working in this industry, learning everything he can about how the web is designed and developed. The internet changes significantly and often. The only way to compete in this industry is to change with it, and Bryce has dedicated himself to that goal.

Portfolio

Self-employed
JavaScript, HTML, CSS, Figma, Twig, Craft CMS, Node.js, Git, Composer, Shopify
Duolingo, Inc.
HTML, CSS, Email Templates, Newsletter Templates, Newsletters, Email Campaigns...
Vendasta Technologies, Inc.
Python, Adobe Photoshop, Adobe Illustrator, HTML, CSS, JavaScript, Git...

Experience

Availability

Part-time

Preferred Environment

Git, MacOS, Visual Studio Code (VS Code), Node.js, Craft CMS, Figma, Composer

The most amazing...

...project I've worked on recently is an internal web app built for McKeil Marine from the ground up, which required learning and applying new tech on the fly.

Work Experience

Owner | Designer | Developer

2016 - PRESENT
Self-employed
  • Built and maintained relationships with clients and agencies.
  • Art directed, designed, and developed agency-level websites.
  • Developed and designed fully customized websites from the ground up.
  • Worked with a variety of CMSs, including Craft CMS, WordPress, Zendesk, Wix, Shopify, Squarespace, and more.
  • Collaborated with a variety of clients, including Duolingo, Calm, CN Rail, Syncrude, University of British Columbia, McDonald's, Subway, Saskatchewan Indian Gaming Authority, Alberta Federation of Labour, AIMCo, Rockefeller Foundation, and more.
  • Utilized various command-line tools, including Git, Node.js, Webpack, Gulp, and Composer.
Technologies: JavaScript, HTML, CSS, Figma, Twig, Craft CMS, Node.js, Git, Composer, Shopify

UI Developer

2021 - 2022
Duolingo, Inc.
  • Developed custom email templates from Figma designs.
  • Built emails from scratch using ZURB Foundation's email CLI and Inky syntax.
  • Tested and fixed emails across over 90 email clients, operating systems, and browsers.
Technologies: HTML, CSS, Email Templates, Newsletter Templates, Newsletters, Email Campaigns, User Interface (UI)

Senior Web Developer

2012 - 2016
Vendasta Technologies, Inc.
  • Handled and was liable for all the internal and external marketing assets.
  • Created a new corporate website and marketing materials.
  • Increased the recruitment and saw the company double in size in less than a year.
  • Contributed to strategies and was involved with marketing to major clients such as Hearst, Dow Jones, and McLatchy.
  • Trained and oversaw an additional designer and developer.
Technologies: Python, Adobe Photoshop, Adobe Illustrator, HTML, CSS, JavaScript, Git, Print Design

Lead Designer

2014 - 2015
Parity Publishing, Inc.
  • Worked with tight deadlines, specifically with a weekly release schedule.
  • Managed the layout of spreads, including image placement, story flow, typography, and more.
  • Communicated with the clients to create advertisements and balanced their requests with a good design sense.
  • Designed, developed, and maintained the company website.
Technologies: WordPress, PHP, InDesign CC, Adobe Illustrator, Adobe Photoshop, HTML

McKeil Marine Internal Web App

McKeil Marine hired me to design and develop an internal web application to record and track their shipping fleet.

The UI was designed in Figma using Google's Material library. The app's front end was created with HTML, CSS, JavaScript, and PHP. Additional developers set up the Microsoft SQL databases and wrote the stored procedures.

McKeil's app was heavily reliant on these stored procedures. One of the most common processes was for a user to make a dropdown selection or button press. This data would be gathered in JavaScript and sent to a PHP file that called the appropriate SQL stored procedure. When received, the PHP file would then send its response back to the front end via JSON, which would then be parsed and displayed in the UI.

Overall, the application required extensive knowledge of HTML, CSS, and JavaScript and a moderate level of PHP experience. Asynchronous calls were essential, including JavaScript ES6 promises.

The project repository was maintained with Git, the packages were managed with Node.js, and the project files were compiled with Webpack.

COVID-19 Collaborative

https://www.covidcollaborative.us/
Working with the Rockefeller Foundation, I was initially brought on to expand and maintain a Squarespace website they built, and it soon became apparent that a rebuild was necessary.

After being provided mockups by an external designer, I mapped out the required data model and built the infrastructure in Craft CMS. This included a number of different ways to associate entries together and multiple, flexible content builders so that content creators could create beautiful custom pages without developer assistance.

From Anjali, the Program Director:
“Since we first started collaborating over a year ago, we have LOVED working with Bryce!! He recently rebuilt our entire website from scratch as we grew out of the Squarespace site he had built us. He worked with our designer to produce an elegant and beautiful site that works flawlessly and is easy to navigate on the back end, even for non-technical team members. He works quickly and produces high-quality work; he is responsive and helpful whenever an issue arises. I could not be more grateful to have found Bryce, and we highly recommend him to anyone looking for a skilled developer and top-notch collaborator!”

CBDNerds

https://cbdnerds.com/
I was hired, via the Well, by Resulta to build the new CBDNerds website. The client provided the designs. The website was built in WordPress using an extensive ACF Pro set-up and templated using Timber and Twig.

Syncrude Sustainability Report

Karo Group appointed me to develop Syncrude's sustainability report. I designed all the icons on the site and most of the internal pages.

Key Requirements:
Provide an overview of Syncrude's performance in the areas of finance and economic contribution, stakeholder and employee engagement, community investment, health and safety, and environmental stewardship.

Flemish Eye

https://flemisheye.com/
I developed a Shopify store for Flemish Eye, a Canadian music production company. Given the unique requirements, namely an excruciating amount of custom fields for album and artist pages, the site extensively uses Shopify's meta-properties.

AIMCo Annual Report 2016

http://www.aimco.alberta.ca/AIMCo_AR_2016/
I was hired by Karo Group to conceptualize and deliver AIMCo’s 2016 annual report. The goals were to inform AIMCo’s clients and beneficiaries of their investments over the past year and reinforce the company’s focus on the future of all Albertans. Adam Warner handled the art direction, and I dealt with the web design and development.

AIMCo Annual Report 2017

http://www.aimco.alberta.ca/AIMCo_AR_2017/
Karo Group hired me to develop AIMCo’s 2017 annual report. The goals were to inform AIMCo’s clients and beneficiaries of their investments over the past year and reinforce the company’s focus on the future of all Albertans. Adam Warner did the art direction and web design, and I did the web development.

Fitness Solutions

https://www.fitnesssaskatoon.com/
Flaman Fitness hired me to design and develop two subsidiary online stores, Fitness Solutions and Fitness Warehouse. Built with Shopify, the two stores have brought in hundreds of thousands in revenue since their launch.

Wealth Stewards: Website Design and Development

https://www.wealthstewards.ca/
A new website for Wealth Stewards. I designed and developed the new website, whose build includes a members-only area with a profile editor, access to custom documents, and more. I built the website with Craft CMS and a fully modular content builder.

Private Debt and Equity.ca: Branding, Website Design, and Development

https://www.privatedebtandequity.ca/
Visual identity and design for Private Debt and Equity. I also developed their new website. I built the website with Craft CMS. It includes a fully modular content builder, allowing non-devs to build beautiful new pages from scratch.

Calm Business

https://business.calm.com/
I work with Calm Business as their web developer and general tech guy. Their new site was a team effort, with special mention to Jesse Harding for his incredible design. I built this as a custom WordPress theme, using Advanced Custom Fields to create Gutenberg blocks. This method gives non-techs a tightly constrained environment where they can make beautiful pages and see their changes live in the editor without getting lost in page-builder hell.

2021 MDA Space Annual Report

https://ar2021.mda.space/
I worked with MDA via Longview Communications to design and develop their 2021 Annual Report website. Designed in Figma, built with Craft CMS using a modular content builder, and brought to life with custom JavaScript/CSS animations.

Languages

SCSS, CSS3, CSS, HTML5, HTML, Timber, ECMAScript (ES6), JavaScript 5, JavaScript 6, Liquid Template, JavaScript, Sass, Python, PHP

Frameworks

Foundation CSS, Bootstrap, ZURB Foundation, Twig, Foundation for Emails, Vanilla JS

Libraries/APIs

jQuery, Node.js, Liquid, REST APIs, Google Maps API, Google Closure, React, Vue

Tools

Adobe Illustrator, Illustrator CC, Photoshop CC, Adobe Photoshop, Gulp, Webpack, Sublime Text, NPM, Bower, After Effects CC, Bitbucket, Git, InDesign CC, Figma, Composer, Adobe Experience Design (XD), ACF PRO, Gutenberg Editor, Closure Compiler, Advanced Custom Fields (ACF)

Paradigms

Responsive Web Design (RWD), Web UI Design, Web App Design, Agile Software Development, UX Design

Platforms

Adobe Suite, WordPress, Craft CMS, Visual Studio Code (VS Code), HubSpot, Shopify, MacOS, Zendesk, Azure

Industry Expertise

Web Design

Other

Pixel Perfect, Web UI, Front-end, Content Management Systems (CMS), Front-end Development, UI Development, Fortrabbit, Bootstrap 5, Landing Pages, Development, Squarespace, HTML Email, Email Templates, PSD Slicing, Print Design, Google Material Design, Newsletter Templates, Newsletters, Landing Page Design, Design, Google Analytics 4, UI Animation, eCommerce, Shopify Design, Responsive Web Apps, Email Campaigns, User Interface (UI), Branding, Brand Identity, Amplitude

Storage

MySQL

2010 - 2012

Diploma in New Media Production and Design

Southern Alberta Institute of Technology - Calgary, Canada

MAY 2012 - PRESENT

Diploma of New Media Production and Design

Southern Alberta Institute of Technology

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring