Home / Websites

Custom Website Design & Development

Nowadays, commercial off-the-shelf website themes and and DIY platforms like Squarespace can handle a fair amount of small website projects. But when they can’t – because the user base is too complex, content is overwhelming, custom integrations / functionality are required, or your brand is mature enough to warrant a custom design solution – we’re a web design agency here to help. We’ve consulted on and delivered dozens of custom, large-scale, technically complex websites for organizations across Canada.

How We Work

User-Centered & Outcome-Driven Website Design & Development

We’re an Edmonton web design company who designs & builds custom websites for our clients, often on WordPress. The majority of our website design & development projects start with a Discovery Phase, wherein we do the requisite research and up-front work required to identify precisely the status of content, and what should be built requirements-wise alongside the approach and effort required.

Following sign-off on the scope of work on the subsequent Design & Build Phase, our clients work with one of our dedicated project teams through completion. We work with you in a highly organized and mature agile manner, following Kanban as a methodology. Standing Progress Review meetings (usually every two weeks) are used to evaluate work-in-progress with you, allowing us to quickly reprioritize or pivot as needed.

Custom web design and development for your new website proceed in tandem, alongside continual QA testing and formalized UA testing at the culmination of the Design & Build phase. A dedicated issue resolution period follows content migration/entry, UA and platform training, and on approval we launch your new website. At this stage, we shift into ongoing Managed Web Services for support, hosting (if required), and ongoing feature optimization and development.

We’ve delivered high-value, transformative websites for organizations like the Canadian Automobile Association (CAA), WesTower Communications, the College of Physicians and Surgeons of Alberta, and many more.

Web Design & Development Testimonials

“I was so impressed by their project management skills. They use Asana as a project management tool and tracker, and they're so easy to communicate with. Everything they did was laid out clearly, and I always knew who was responsible for what. We got weekly status updates with tasks they had completed, the issues they faced, and the information they needed from us. We had a phone call twice a week, and they were on top of their project management and timelines. They were top-notch in every respect.”
Amy Ball Communications Lead, Canadian Mental Health Association

Not sure how to evaluate a prospective digital firm? Use this checklist.

There are good questions and bad questions when it comes to evaluating potential vendors for your next digital project. Make sure you're asking the right ones using this free checklist of 10 questions, and help ensure you choose the right firm for your project.

Email*
First Name

gform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_9').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_9');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_9').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_9').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_9').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_9').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_9').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_9').val();jQuery(document).trigger('gform_page_loaded', [9, current_page]);window['gf_submitting_9'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_9').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_9').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [9]);window['gf_submitting_9'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_9').text());}else{jQuery('#gform_9').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "9", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_9" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_9"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_9" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 9, current_page ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} );

What You Get

Mature services & deliverables, from idea through launch.

Services & deliverables for our website development projects, in addition to those outlined in Discovery, include:

Prototyping
Design Systems
UX Design
UI Design
Front End Web Development
Back End Web Development
API Development / Integration
CRM Integration
Data Migration
CI/CD
Automated Testing

Web Development Expertise

Some of the tools in our website development quiver include:

WordPress
Laravel
ReactJS
Docker
Figma
MySQL

If you’re an organization or company that has an existing website that needs replacing/overhaul, drop us a line – we can help. Fill out the form below, or email sales@paper-leaf.com and let’s get started!

Website Projects