Up At Five

FBM Canada 2020

custom shopify development & application


Adapting shopify into a collaboration platform for the publishing industry.


Shopify, Custom Web Application (Ruby on Rails)


  • Art Direction
  • Visual Design
  • Back-End Development
  • Front-End Development


  • Trudy MacNabb
  • Jordan Deutsch
  • Arianne Glavina

About the Client

The Canada FBM2020 Committee is focused on engaging publishing partners across the country in anticipation of Canada’s honoured role at the 2020 Frankfurt Book Fair. A major goal in creating the Canada FBM2020 publisher platform was ease of use, allowing a diverse range of publishers to participate in title submission.

The Brief

Create a platform where the CanadaFBM2020 team can easily communicate with the Canadian and German publishing communities. Allow publishers to submit titles with available German publishing rights on the platform. Allow German publishers to easily peruse titles and select some for publishing.

The Solution

Leverage the content management system of Shopify to make adding, sorting, and filtering titles seamless. Build a custom web application to extend the functionality of the e-commerce site and allow publishers to submit their own titles for approval and generate and download PDFs of select titles.


Flow Diagrams

This high level map was used the identify all of the pages of the site. This will help confirm some of the site functionality and will inform the visual design.


In this phase low fidelity mock-ups are created to show a visual representation of what content will show up where on the user facing portions of the site. This helps the client start to imagine how a user can interact with information. It also provides a great tool to see any holes in content. Identifying the content structure and layout at this phase helps to maximize the utility of time spent moving forward.


This is when things visually really start to come together. Branding elements are combined with UX to create a full visual design of the final site.


Static designs are brought to life and all interactions and functionality are realized.

more case studies