Skip Navigation

Simply great software for the web

What we do really well

Our small but capable team will work with you to make the best website your company has ever had. Even if you throw us a curveball with special functionality, we've probably built something similar before. Here is a list of some of the common services we provide:

Our Most Popular Services

User Interface Development

  • On-brand and hyper-usable interfaces with Tailwind CSS

  • Mobile Screens

  • Theming

  • Landing Pages

  • Email Templates with Maizzle

  • Animation

Web Development

  • Content Management System with Structured Content

  • Custom programming and back-end development

  • Integrations with 3rd-party systems

  • E-commerce and payment processing

  • Content Migration

Web Design

  • Style Guide and UI Kit Design

  • Style Guide and UI Kit Design

  • User Experience Design

  • User Interface Design

  • User Experience Assessments from a technical perspective

App Design and Development

  • Hybrid apps with Ionic

  • Seamless integration with back-end

Surefire Safety hero

What's built-in to every website made by us.

Super fast load times
Browser-based admin
Accessible
Secure and off-site backups
Multilingual
User Management
Form Builder
Search Engine Optimized
News and Events Articles
Search
Katy Bilowus

Katy Bilowus, Owner

Epoch Avenue

Working with Aaron on several projects over the past few years has been a wonderful experience. He is extremely knowledgeable and I value his input on all aspects of the task at hand. The effort that Aaron puts into his work is evident in the final results. He is also a great communicator and a pleasure to work with. Looking forward to many more successful partnerships together!

The Wolf X Machina Process

01

Quick Chat

We have a call to meet and talk about where your online presence is at and where you want to take it.

02

Discovery & Information Architecture

The first step is we need to thoroughly understand your business, your business goals, and your customers' expectations and behaviours. And ultimately, how your website factors into all of it. We’ll also look at the competitive landscape to establish context and benchmarks for how your site should function, and then improve on that.

This stage will give us the foundation for moving forward with just the right recommendations for the design and development of your new responsive website.

03

Design

Once we are up to speed with your brand and goals, we’ll set to work creating the user interface.

We start by reviewing your existing materials like your website, brand guidelines, and whatever else you have so we can get an idea of where we need to go.

We then design a Style Guide and UI Kit which lays the foundation for the rest of the design. Once the initial styles like fonts and colours are determined, we’ll create high-fidelity comps that show what the final designs will look like on desktop, tablet, and smartphone screen sizes, providing up to two rounds of revisions on the design.

Accessibility is worked into the project at this phase as well to make sure everything is navigable by keyboard, there are focus states, and good contrast, among other features.

We use a design tool called Figma which allows you to see and comment on specific areas in the design so you're always kept apprised of the progress.

04

Development and Content Production

Once you’ve approved the design, we’ll start building the website using the DotNetNuke (DNN) open source Content Management System and a Structured Content module. Various third party integration (newsletter templates, Form Builder modules, etc) will also be set up based on the needs and scope.

Part of the development process is creating the theme as well as the various Structured Content apps which will power the website. These apps are custom designed and built for your website so they can be used in various ways to empower your Content Editors for future updates. At this time, we also develop the accessibility features that were started in the design process as well as performance optimizations at the page level.

You will be able to see progress as it's happening in real time on a staging website that is only known to your organization.

05

Quality Assurance and Accessibility Testing

After content is populated on the site, we integrate the new designs with your current theme in a development environment. Then our team will test the site across different browsers (Firefox, Chrome, Safari, Edge) and devices (iOS and Android mobile phone and tablets). Any bugs that arise from this testing will be fixed prior to launch.

During this phase, we also review accessibility and perform any testing and adjustments that are needed.

06

Training and Support

Training sessions will be provided along with instructional videos that can be viewed on-demand. We create short and easy-to-understand videos using Loom directly on your website so learning how to maintain the website couldn't be easier.

07

Launch

Once you've approved the website for launch, we will assist with directing the domain name over to the new website.

We perform post-launch tests to make sure the new website is working as expected.

Chandra Gusikoski

Chandra Gusikoski, Communications Manager

Agriculture in the Classroom Saskatchewan

"I can always count on Aaron. He is very talented and always up for the task of helping bring visions and ideas for our website to life. Aaron is professional, supportive, and always willing to hop on a call or provide a video to explain items that are beyond my basic scope of knowledge. I have enjoyed working with Aaron, and always felt he truly cared about providing the best for our organization."

Let's elevate your online presence together.

Contact Us

Wolf X Machina Interface Development logo

Wolf X Machina is a team of developers and designers located in Victoria, BC and Saskatoon, SK. We've completed projects for very recognizable brands and our work is used by hundreds of thousands of people around the world.