Studio Function

Web & Digital
Product Design

Websites and digital products are often the only visual expression of a company or brand. The thoughtful design of web apps, landing pages, and responsive layouts can delight users, power company growth, and dramatically increase enterprise value. Studio Function brings over 15 years of experience and a wide range of skills to the table for each engagement.

Responsive web design for CrowdRiff with layouts shown on mobile devices
Responsive web design for CrowdRiff with layouts shown on mobile devices

CrowdRiff – SEE Conference
Landing page design

A compelling landing page was created to promote CrowdRiff’s inaugural conference, showcase keynote speakers, and drive ticket sales. This vibrant design uses a flexible responsive layout, bold colours, and thoughtful motion graphics to connect with viewers.

Maple’s web app design displayed by a web browser and mobile device
Examples of Maple’s web app product demonstrating UX/UI design elements
Examples of Maple’s web app product demonstrating UX/UI design elements

Maple Healthcare
Telemedicine web app

This web app is the cornerstone digital product that launched Maple’s online healthcare platform. Our involvement included app strategy review, UX design and functionality planning, responsive UI design, and the generation of a comprehensive library including element styles and visual assets. View our Maple design process on Medium

Adaptive e-commerce design for Zion showcasing store layouts in a mobile web browser
Adaptive e-commerce design for Zion showcasing store layouts in a mobile web browser

Zion Cannabis
E-commerce store

Our studio created a series of e-commerce store templates to highlight Zion’s cannabis products and amplify sales. This design system prescribes distinct treatments for product images, typography, and supporting colours to distinguish Zion in an increasingly competitive landscape.

The Blueprint’s web presence shown in web browser and mobile device
Responsive website design for The Blueprint demonstrating editorial content and e-commerce functionality
Responsive website design for The Blueprint demonstrating editorial content and e-commerce functionality

The Blueprint
Editorial & e-commerce design

The Blueprint’s identity debut was supported by a comprehensive web presence that seamlessly married editorial content with shopping opportunities. Our studio generated this art direction by combining elements of high fashion with emerging tech to create a timeless visual presence.

Responsive web design for Canada Learning Code featuring content strategy in English and French
Responsive web design for Canada Learning Code featuring content strategy in English and French

Canada Learning Code
Rebrand launch site

A contemporary web design was required to introduce Canada Learning Code’s new visual identity and highlight the organization’s program offerings. Interesting size hierarchies, colour, and layout alignments were used to create a memorable web presence that communicates with clarity and visual interest. View our CLC case study

Landing page web content displayed in multiple web contexts
Responsive web design examples that showcase Jonah Group’s process and expertise
Responsive web design examples that showcase Jonah Group’s process and expertise

Jonah Group
Corporate web presence

Our studio helped Jonah Group transform their visual identity and define an updated communication strategy to drive business development and attract top engineering talent. A new web presence was created to clearly describe the team’s comprehensive service offerings and deep expertise.

FACTOR’s updated website design presented in a web browser and mobile device
Examples of FACTOR’s responsive web templates demonstrating UX/UI design considerations
Examples of FACTOR’s responsive web templates demonstrating UX/UI design considerations

FACTOR Canada
Grant resource & information hub

FACTOR Canada is a non-profit organization that engaged our studio for a comprehensive UX overhaul of their national grant information website. A flexible set of Wordpress templates was produced to anticipate the needs of FACTOR’s user base while also fitting comfortably into the existing visual language.

A layout graphic that depicts many digital product features in use
Digital product design for Timecounts showcased in example web browsers
Digital product design for Timecounts showcased in example web browsers

Timecounts
Web app

Timecounts is a volunteer management platform for the modern organizer. Our studio was engaged to review the existing app planning, improve UX across the product, reflect feature and usability proposals in detailed wireframes, and produce all user interface elements for development. View our Timecounts design process on Medium