Bryce Kirk, Front-end Developer in Calgary, AB, Canada
Bryce Kirk

Front-end Developer in Calgary, AB, Canada

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.
Bryce is now available for hire

Portfolio

Experience

Location

Calgary, AB, Canada

Availability

Part-time

Preferred Environment

Git, MacOS, Visual Studio 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.

Employment

  • 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
  • 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

Experience

  • 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
    https://syncrudesustainability.com/2015/

    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.

  • ARC Resources
    https://www.arcresources.com/

    Karo Group engaged me to create ARC Resource's new website. My roles included art director, designer, and developer.

    The site structure and layout were based on extensive customer research, including interviews with shareholders, employees, and community members. The ARC team managed the final product through a customized CMS content builder, allowing them to create beautiful, complex pages internally.

  • 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.

Skills

  • 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, Google Maps API, Google Closure, React
  • 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, Closure Compiler
  • Paradigms

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

    Adobe Suite, Craft CMS, Visual Studio Code, Shopify, WordPress, 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, Squarespace, HTML Email, Email Templates, PSD Slicing, Print Design, Google Material Design, Responsive Web Apps
  • Storage

    MySQL

Education

  • Diploma in New Media Production and Design
    2010 - 2012
    Southern Alberta Institute of Technology - Calgary, Canada

To view more profiles

Join Toptal
Share it with others