This website uses cookies.

A stronger foundation for the nation’s trusted legal career platform

The Precedent A-List is a Canada-wide job board and career platform for lawyers. Forge partnered with Precedent Magazine to breathe new life into an outdated website that was becoming increasingly fragile after years without sufficient maintenance. Building a more modern and user-friendly experience began with identifying pain points, project goals and opportunities for improvement. Insights gained during early phases informed our strategy on how to improve UX, SEO, analytics, security, performance, scalability, accessibility, technical structure and competitive positioning to elevate brand application. A highly customized content management system streamlined processes for daily management tasks such as job postings, user segmentation and advertisement management.

Features

WordPress CMS

Custom theme

Credit system integration

Stripe payment processing

Automated email notifications

Ad management

Google Analytics

Sync and migration

Ongoing site maintenance and updates

Modernized website experience and brand application

Intuitive wireframes for mapping user journeys

A structured sitemap established clear information architecture and intuitive navigation, while wireframes provided an early foundation for defining layouts, user flow and content hierarchy. Based 
on traffic and SEO analysis, key user journeys were prioritized and new pathways were introduced to improve discovery across previously siloed content. Stakeholder feedback throughout each iteration helped refine the experience and ensure alignment, resulting in a shared sense of ownership in the final product.

Wireframes for new and existing pages establish content layout and user flow
Sitemap defines navigation for content managers, visitors and registered users

Building flexibility into the design system

Following an extensive audit of existing brand touchpoints, subtle visual refinements and an articulate design system were established without losing sight of their core audience of legal professionals accustomed to traditional website conventions. Leveraging the existing WordPress installation and database, functionality was preserved while improving performance and addressing key gaps in productivity, efficiency and transparency. Existing and new plugins were integrated as needed, and page creation was streamlined through the use of a custom, modular block system.

Design systems enforce brand consistency and ensure smooth handoff for development
Thoughtful use of serif and sans-serif typography creates visual contrast
Custom iconography and modular webpage components
Before and After
Demonstration of homepage evolution from existing to refined brand application

Blending content-first design with integrated system logic

The frontend design employs a content-first, editorial layout approach that emphasizes readability, hierarchy and a traditional publishing sensibility, while the backend provides clear visibility of all important content and features such as posting history, transactions and user credit balances. A credit system was fully integrated into user accounts with secure Stripe-based credit handling and automated email notifications for purchased job listings and advertising.

Editorial-style page design suited for profile features and news articles
Content clearly defines user registration processes and offers timely information for legal professionals
Responsive website build optimized for all devices and viewports
Credit system enables law firms and recruiters to create job listings while providing content managers with a clear overview of user account data

Supporting long-term growth and optimization

We delivered a high-performance, future-ready website with advanced search filtering, fast load times and a fully responsive experience across desktop and mobile. Built with semantic HTML and WCAG 2.1 AA accessibility standards, the site is optimized for SEO, discoverability and long-term scalability. Comprehensive testing, analytics integration, team training and ongoing maintenance ensure the platform remains easy to manage, adaptable to future needs and supported well beyond launch.

Search functionality allows for global and filtered searches to quickly collect relevant content
Person using a laptop displaying text about dementia stigma and a

Dementia In New Light

dementiainnewlight.com
Services Deliverables
  • Logo
  • Website
  • Illustration
  • Social Media
  • Lesson Development

Shedding light into the world of dementia

Dementia in New Light is a digital learning experience that builds upon the research-driven production, Cracked: New Light on Dementia. By following individuals with dementia and their families, it aims to challenge the stigma around dementia and its care. Forge collaborated with a diverse team of researchers and artists and applied co-design methodologies to create an accessible educational experience, fostering a reimagining of dementia and improved support for those impacted.

Features

Headless CMS

React framework

WebGL 3D render with custom shaders

User account portal

Analytics

Emotive narratives, challenging stigma

In our initial discovery phase, we met with the project stakeholders, care providers and individuals affected by dementia to understand how to spread awareness and educate people better about dementia and its effects. We listened to each individual’s story about their lived experiences, engaged in co-design discussions to shape our digital learning outcome and fostered an open, inclusive forum for collaboration. This discovery process uncovered invaluable information from diverse perspectives to enrich the outcome of our digital learning experience.

Two people sitting in a boardroom.
A group of people discussion research, while looking a table.
Snapshots from our discovery and research synthesis process

An engaging and informative experience

Our core objective was to enable learners to explore a wide range of topics related to dementia care while providing them with insights into the daily lives of persons living with dementia and their families, fostering empathy and understanding throughout their journey. To ensure an intuitive user journey, we developed detailed site architecture and wireframes, meticulously planning how learners would navigate the content.

An image showing the site architecture with information hierarchy
A circle diagram that shows the relationship between various topics
Detailed sitemap for a complex website and a small sample from our extensive discovery
wireframe image of the login screen
a sketch exploring the theme of murmuration, or clusters of meaning
wireframe showing the idea behind the unique navigation
Wireframes to start defining the experience

Inspiring others to share their stories

The experience presents content in a number of ways and invites the learner to reflect on what they’ve seen and challenge their perceptions. Forge built a custom application backed by a headless CMS that allows the client to update content as needed.

A close up of one of the topics in focus. The topic is shown as a crystal-like gem floating in space
Another close up of one of the topics in focus. The topic is shown as a crystal-like gem floating in space
Topics browser which acts as the main navigation
The stigma topic expanded, to show the sub topics. The topics are shown as crystal-like gems floating in space
The Possibilities topic expanded, to show the sub topics. The topics are shown as crystal-like gems floating in space
Three phone screens displaying abstract geometric shapes and topics related to dementia: Stigma, Identity, and Culture.

Shifting perspective through interactive storytelling

Learners are immersed through dynamic audio and visual learning moments while incorporating scenes from the original production. Learners can explore various topics surrounding dementia care and see things from the perspective of the person living with dementia and their families.

Illustration of a radio
Illustration of open eyes with eyebrows
Illustration of a bike wheel
Custom illustrations to help tell the stories
A desktop screen that shows what the video player looks like
Learning modules to educate users about dementia
An image gallery is shown in one of the subtopics
A handwritten quote in one of the subtopics

Promoting engagement through tracked user progress

Learners have the ability to create personal accounts where engagement can be tracked and referenced throughout the experience, allowing them to take in content at their own pace and feel a sense of progress. Content can also be easily saved and referenced at any time.

A screen showing that the Stigma topic is half completed.
A screen showing learning modules the user has saved to their profile
A screen showing the relationship topic with its sub topics and indicators to show which sections have been completed.
A playful display to keep track of your progress within the lesson plans
A desktop view of the Relationships topic, showing the sub topics and completion status of each topic.
  • 597K of people are living with dementia in Canada as of 2020
  • 61.8% of those living with dementia are women
Forge is a ‘dream team’! They developed an award-winning, multi-media digital learning experience about dementia-related stigma that deepens learners’ engagement. Despite the ever increasing complexities of its design and build, their team never disappointed – they model the very best of efficiency, ingenuity, and participatory design.
Pia Kontos, PhD, Senior Scientist, Professor
A child and adult have a telehealth appointment with a doctor on a tablet.

Winterberry Family Medicine

winterberrymedical.ca
Services Deliverables
  • Logo
  • Brand Guide
  • Illustration
  • Social Media
  • Signage
  • Stationery
  • Website
  • Marketing Materials
  • Motion Graphics
  • Placemaking

A fresh take on personal, caring family medicine

Winterberry is a dynamic, family-oriented medical clinic offering a wide variety of services through trusted in-person and virtual consultations. The Winterberry team approached Forge to revitalize and reposition their brand and website. The existing brand did not accurately represent the personalized care provided by the vibrant family practice team.

Logo design inspired by “berries”
An image showing the safe space around the Winterberry logo
Colour palette for Winterberry brand: Teal, light teal, orange, yellow, cherry, lime, blue.
Our brand standards defined everything including the use of clear space and a bright colour palette to support the family-style medical practice
A letterform of the letter A for the font IBM Plex Sans Condensed.
A letterform of the letter A for the font IBM Plex Sans.
A letterform of the letter A for the font Libre Baskerville in italics.
Clean and modern typography to communicate clearly with all audiences

Redefining the healthcare experience

Forge met with Winterberry stakeholders to determine the existing brand’s pain points and developed a strategy to make the most of the reimagined brand. Playful illustration expresses the brand’s personality and allows the clinic to stand out from their competitors.

3D illustration of a hand holding a smartphone with a calendar icon and a checkmark.
Tablet displaying a list of doctors with stethoscopes.
3D icon of a document with a magnifying glass over it.
Custom illustrations were created to liven up the brand
Collection of colourful 3D icons including calendar, chat, phone and heart
A matching icon set supports all brand visuals

Timely information for a thriving social network

Communicating with existing patients through social media allows the Winterberry team to share frequent updates on current and immediate information regarding statistics, scheduling, healthcare tips, and more. A comprehensive social media production guide was created for the internal marketing team to easily create content in a consistent tone and voice.

Social Media Production Guide by Winterberry with a smiley face icon.
A hand holds a phone with a green checkmark on screen, with text about booking vaccine appointments.
Social media production guide for use by in-house team
Facebook page for Winterberry Family Medicine showing COVID-19 vaccine information.
Twitter interface showing Winterberry Family Medicine's profile with tweets about vaccine appointments.
Social media graphics samples

A sense of trust and approachability

Ensuring the brand could be applied to various touchpoints and deliverables was crucial, as well as creating a welcoming environment that evokes the feeling of dependability and trust in all patients.

Window decal for Winterberry Medical showing
Window clings announced the new brand to the neighbourhood
Mikaela Malta, Family Physician ID badge from Winterberry
Business cards for Winterberry Family Medicine in various colours.
ID Badges for their team and stationery including colourful business cards

Shaping the online experience

Content strategy sessions were held with the goal of optimizing information and ensuring users are presented with the most appropriate content with minimal effort. Before establishing a visual language, website architecture was established in order to improve communications and create a frictionless browsing experience.

Website sitemap showing navigation and content structure.
Sitemap for the new website
Wireframe sketch of a website with sections for new and existing patients, and a placeholder for an image.
Wireframe sketch of a website with sections for affiliate links, reviews, and a footer.
Wireframe sketch of a website layout with sections for
Hand sketched wireframes

Modern, progressive patient care

An overhauled website was created that is fully responsive, and ensures accessibility compliance for all user types. The brand’s vibrance is showcased throughout the website experience, representing the best of modern and progressive patient care.

Features

WordPress CMS

User account portal

Online appointment booking

Monthly newsletter

Google analytics

Custom icons

Device agnostic website design and development
Screenshots of a mobile app showing
Laptop displaying the Winterberry website with
Team members of a medical practice, including doctors and nurse practitioners.
A woman with dark, wavy hair and a white lace top smiles.
  • 400% anticipated growth in patients over next 5 years
  • 10K+ current number of patients
Working with the Forge team quickly became one of the best parts of my week. The entire team made the process incredibly easy, stress-free and to be honest, fun. Their creativity and innovative ideas brought our vision to life in ways I couldn’t have imagined.
Sharon Ricci, Communications Director