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 20 years of experience and a wide range of skills to the table for each engagement.

Responsive WP web design for Now Toronto
NOW Toronto Wordpress site web design at nowtoronto.com on mobile browsers
Custom Wordpress theme design for Now Toronto on mobile browsers

Now Toronto
Wordpress editorial design

The 2023 relaunch of nowtoronto.com required a new custom Wordpress theme to support decades of legacy content, frequent posts/social embeds, and robust ad integration (WP web dev by MJC). A limited approach to colour allows the friendly typographic system to shine.

Responsive web design for Signal 1 AI on mobile phones
Responsive web design for Signal 1 AI on mobile phones

Signal 1
Launch page design

This clinical AI company in Toronto required a trustworthy and compelling landing page to support their brand launch. The art direction for Signal 1 balances a sense of human empathy with technical expertise, achieved through motion graphic design, approachable photography, and an exciting colour palette.

Responsive web design for Coral Community by Juno College in Toronto
Coral Community web design on desktop browsers
Coral Community web design on desktop browsers

Coral Community (by Juno College)
Marketing website

This web design for Coral’s community & coworking space captures the dynamic vibe of an inclusive grassroots community. The patterns, textures, and welcoming energy of their Toronto location are reflected by a vibrant art direction. View our Juno case study

Native iOS meditation app design for BUOY on mobile phones
Native iOS meditation app design for BUOY on mobile phones

BUOY Mindfulness
Meditation app

Compelling custom 3D animations were produced in-house to convey an ethereal buoyancy for this Gen Z / Millennial meditation app. An overall sense of lightness is paired with subtle oceanic metaphors, and tied together with a minimalist graphic style to keep the user focused in their daily practice.

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.

Marketing web design for Swiftpost displayed on a web browser and mobile device
Responsive design treatments for the Swiftpost site on Medium viewports
Responsive design treatments for the Swiftpost site on Medium viewports

Swiftpost
Marketing site design

Swiftpost’s identity update was supported by a comprehensive marketing site targeting scalable shipping solutions for ecommerce, healthcare, and beverage customers. Friendly typography and a technical illustration style were used to create a trustworthy and approachable visual identity. View our Swiftpost case study

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

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.

Web design for CrowdRiff on a web browser and mobile device
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.