Storyals: eCommerce Web Design Case Study | Forge and Smith, Vancouver Web Design Company
About The Organization

Storyals helps companies adopt a modern digital workplace by getting the most out of Office 365. They provide inspiring, educational, story-based video tutorials, rather than the traditional method of lengthy, costly training sessions. This empowers employees to get immediate value with minimal disruption.

  • Increase brand equity and online reach through branded storytelling
  • Improve overall site architecture and navigation
  • Improve conversions with additional marketing-specific landing pages
  • Create more user-friendly and visual product and services areas, with improved navigation and filtering
  • Create a highly usable, searchable and browse-able product catalogue with easy social sharing options
  • Reorganize and expand current blog for enhanced search and browse-ability of content
  • Implement e-commerce functionality for premium content
  • Implement a fully responsive solution backed by WordPress CMS
  • Manage an ongoing SEO and paid search strategy to increase awareness and drive conversions

Phase 1


Storyals came to us with a creative, helpful service — they just needed to get the word out. We created a strategy to increase awareness, reach, and conversions through a user-friendly website design, branded storytelling, enhanced browsing filters for their video tutorial content, and more pages to drive and capture leads.

We built out a user-driven information architecture that would help potential customers quickly and easily navigate to key areas of the site. A restructured and improved blog area was developed to establish Storyals as an educational resource on Office 365 and provide business tips, and to create further SEO opportunities. The option to subscribe to premium content was developed through a WooCommerce integration.

Phase 2

Style Concepts

Storyals is all about bringing a fresh, modern approach to office product training, and we channeled that into their website design. Bright, welcoming colours draw the user right into their brand personality. Clean sans serif typography feels engaging and fun.

The page designs are media-centric, with plenty of breathing room to let big images and video make a bold impression.

style concepts

Phase 3

Bringing it all together

The Storyals website is a fresh, engaging user experience that makes it intuitive to find content. The brand's modern approach to digital workplaces comes through in the bright style elements on each page. Their storytelling is enhanced through the About and Team pages, and sales are driven through numerous pages and conversion opportunities. Their video tutorials are showcased through teaser content, CTAs, embedded reviews, and lateral navigation callouts to drive further conversions. We continue to work with Storyals in ongoing SEO strategy and ad campaigns to boost their brand awareness and traction.

project image