FM Systems / FourForty Backline

B2B / eCommerce Website
User Experience Design
Low-fidelity Prototyping
UI Design
Information Architecture
Website Development

Overview

For the past three decades, FM Systems has provided audio reinforcement for concerts, festivals, corporate gatherings, and celebrations of all kinds in Edmonton, Calgary and across Canada. Following a complete rebranding exercise and an acquisition to provide comprehensive backline services, Input UX worked with FM Systems to relaunch their web properties.

Input UX planned, designed, and built websites for the FM Systems ( parent brand) and FourFourty ( dedicated backline brand), each with a distinct visual identity and premium look and feel. Our role in this engagement included:

  1. Information architecture planning to support new content types including detailed product information and case studies
  2. Preparing all-new user interfaces for the updated websites that leveraged the company's new brand voices
  3. Full website development services optimized for client-managed maintenance on the Webflow platform
  4. Extensive product category cataloging and database development to support hundreds of products available to users
  5. Conducting training sessions with client teams around website maintenance through the Webflow CMS
  6. Overall project management and liaising with project stakeholders

Taking Apple's Airpods Pro website as inspiration, we worked with FM Systems to create "scrubbing" animations using ultra-high quality product video clips shot by the client. These elements add dramatic content reveals as the user scrolls through each of the website home pages while underscoring the premium quality associated with both brands.

Toolset

Slickplan
Information architecture
Figma
User interface design
Webflow
Website development

Explore our other work

AbbVie Science
Website UX + UI
General Motors
Digital storytelling
FM Systems
B2B eCommerce Websites
HealthCraft Products
UX & conversion audit
Western Archrib
B2B Website
Rezitrade
B2C Fintech
Capstone Copper
B2B Website
Sagetap
Product Design
Equisoft
Design System and Workflow Strategy
Canadian Dental Assocation
iOS / Android Mobilie App
Corteva Agriscience
Brevant & Pioneer Web UX Audits
Canadian Association of Defence and Security Industries
Marketing Website UX + UI
Split Software
Product design
First National LP
B2B/B2C Website
American Society of Clinical Oncology
Association/Healthcare UX Strategy
Carta
Product design
TrueIQ™
Social media monitor app
FedEx
Heuristic UX Audits