cover_lirencor

Preserving reading culture digitally

LirEncor — French-American Cultural Program

Estimated reading time: 7 minutes

Summary

Timeline: 2022 (Initial design: 4–5 months)
Ongoing support: 2023–Present (annual and monthly updates)
Industry: Non-Profit Organization
Software & Platforms: Figma, Adobe Illustrator, WordPress, Google Workspace, Zoom, 1Password
Tools: Color Contrast Analyzer, WCAG 2.1 AA guidelines

Launched in 2022, LirEncor is a French-American cultural nonprofit operating a digital reading program for a largely 40+ audience, including senior members.

As Visual Communications Lead, I oversee brand consistency and platform evolution. My role combined brand design, UX strategy, vendor coordination, accessibility thinking, Wordpress implementation and cross-channel system design.

Key Achievements

  • Established a cohesive brand system
  • Embedded accessibility standards (WCAG 2.1 AA/AAA) into the core design system
  • Designed and integrated LirEncor's WordPress front-end
  • Successfully implemented a white-label integration in a SaaS environment
  • Coordinated cross-border collaboration with the Québec-based vendor
  • Reduced repetitive onboarding and support questions through instructional content and practical video resources
  • Preserved nonprofit resources through strategic reuse of system components
  • Enabled strategic platform evolution and partnership alignment without requiring structural rebuild
  • Minimized redevelopment costs during structural evolution

Overview

Launched at a time when digital lending of French ebooks was still new, the initiative first relied on a Canadian white-label platform before evolving in 2023 into a formal partnership with Bibliothèque Orange (Orange Library), a century-old reading network with over 10,000 members worldwide.

For French speakers living in North America, access to recent publications in their native language can be limited and expensive, making digital lending particularly valuable.

As Visual Communications Lead, I oversee brand consistency and platform evolution. My role combined brand design, UX strategy, vendor coordination, accessibility integration, and cross-channel system design. I also led the WordPress implementation and ongoing monthly content updates.

LirEncor is a portmanteau derived from the French “lire encore,” meaning “continue to read.”

lirencor_homepage

Current homepage (February 2026), illustrating the platform’s mature positioning after structural evolution.

Challenges

How to create a bridge with cultural reading traditions with digital access?

In French reading culture, the physical book carries deep symbolic value. For an audience unfamiliar with digital borrowing, the shift to tablet-based reading could easily be perceived as a barrier and required reassurance as much as instruction.

Designing for Low Digital Confidence

The core audience also included many members aged 50+, with varying levels of digital confidence. The website needed to be clear, legible, and cognitively simple. This reflection shaped the tone of the site, the educational structure of the content, and the calm, supportive visual design.

Brand Foundation

Redesigning a logotype for digital (r)evolution

This same principle carried into the logo redesign, where pairing the book and the tablet visually framed digital lending as a continuation of reading practices rather than a rupture.

Mobile-first constraint

Because members could browse and borrow books from tablets or mobile devices, legibility on smaller screens was a primary design requirement.

The original logo had been created internally but lacked contrast and legibility. Rather than replacing it, I approached the redesign as an evolution focused on clarity, stronger typographic structure, and improved contrast while preserving visual continuity.

  • The logo was designed in a horizontal format to ensure legibility
  • The typographic system relied on open-source Google Fonts (Plain and Catamaran), ensuring cost-efficient and sustainable deployment across platforms
  • The redesign preserved some elements of the original identity as a nod to the brand’s DNA.

I delivered a concise brand guide that ensured consistency across platforms. A shared asset library streamlines day-to-day operations while centralizing brand guidelines and logo formats.

logos

From the original in-house logo to a mobile-optimized final version.

White-Label Constraints

Designing for a white-label SaaS environment

The first phase focused on customizing LirEncor’s white-label interface to reflect the new brand identity. Based on prior experience, I anticipated structural limitations and approached the platform with a pragmatic mindset. The Canadian vendor operated a closed SaaS system:

  • No technical documentation outlining white-label capabilities
  • Fixed layout zones
  • Limited UI customization and no access to CSS
  • Requests for additional CSS overrides were not supported by the vendor, which confirmed the need to work within the platform’s fixed constraints.

Establishing Constraints in the Absence of Documentation

In the absence of vendor documentation, I conducted an independent audit of the platform before committing to design decisions. Once constraints were clearly mapped, I deliberately avoided over-investing nonprofit resources in customization efforts unlikely to be approved.

To streamline deployment, I produced structured integration documentation specifying the new logo dimensions and the new color codes and accessibility-compliant contrast ratios.

This reduced friction during implementation and ensured brand consistency within the platform’s fixed technical framework.

saas_chart

Integration documentation prepared for the Saas Vendor, specifying logo dimensions, color codes, and WCAG-compliant contrast ratios to ensure accurate deployment.

Integrated Editorial Promotion

Within the partner’s fixed layout zones (960×250 format), I designed a serie of recurring promotional modules integrated directly into the platform landing page. These modules:

  • Highlighted seasonal selections
  • Supported discoverability within a licensed catalog
  • Reinforced onboarding messaging
  • Maintained brand coherence

I developed a lightweight brand guidelines to support consistent implementation across volunteer contributors and print/digital touchpoints.

Embedding accessibility

Designing for accessibility and inclusion from the start

I worked in parallel on the white-label page integration while defining the site structure and UI system. Accessibility was embedded into the visual system from conception, rather than treated as a final compliance check. Color contrast ratios were validated against WCAG 2.1 AA/AAA success criteria and built directly into the design system.

The site was intentionally designed to feel calm, clear, and readable for an audience discovering digital lending for the first time.

Key decisions included:

  • Fully responsive layout
  • Clear information hierarchy
  • 16px base body text with 150% line height
  • Simple, supportive illustrations
  • Beyond standards validation, informal real-world checks with users with varying visual acuity confirmed sufficient contrast and legibility.

Inclusive Content

To further support less digitally confident readers, we produced practical editorial videos and tutorials demonstrating core reading app functions.

The tone across the platform was intentionally instructional rather than promotional, reflecting a product education mindset during an early phase of digital adoption.

supercolors

Built a WCAG-validated color scale integrated into the design system to ensure consistent, accessible contrast across components.

contrast-ratio

Contrast ratios validated during design (WCAG 2.1 AA/AAA), embedded directly into the visual system.

Website: evolving the Visual Narrative

From Product to Emotional Framing

Early high-fidelity mockups explored a more product-driven approach, using device imagery to communicate the digital nature of the service. However, this direction felt too technical and startup-oriented for the association’s audience and tone.

We therefore shifted toward a more human-centered visual language, moving the focus from device to experience.

Introducing “The Reader”

Instead of a phone mockup, we introduced a brand character: "The Reader". She’s calm, grounded, suggesting that reading on mobile is effortless. The message became clearer: digital reading is not a technical act, but a simple, everyday gesture.

The Reader represents the pleasure of reading, simply transported into a new format. The joy of reading remains unchanged.

website2

From the original mockup to final UI Direction.

Out of my comfort zone

Out of my comfort zone: producing an educational video

To support less digitally confident readers, I stepped outside my usual design role to script, record, and edit a step-by-step video tutorial explaining how to download and access books through the Aldiko app. I also designed a branded video cover aligned with the site’s visual identity, incorporating the mascot to ensure continuity across platforms.

Key design decisions included:

  • Calm, intentionally paced narration
  • Clear pointer cues to remove ambiguity
  • Use of native accessibility features during the demonstration
  • Structured subtitles for clarity
  • A branded video cover aligned with the site’s visual system

 

 Video tutorial: How to add the LirEncor catalog to the Aldiko Next app

Strategic Evolution

After its first year, LirEncor entered a new phase of maturity. Following changes in the technical and distribution model, the platform evolved operationally while the digital reading offer gained visibility and legitimacy. This growth called for a refinement of content strategy and positioning.

Rather than rebuilding the platform, we evolved the existing structure to support clearer alignment, stronger messaging, and a more mature visual tone.

The evolution focused primarily on:

  • Refining content strategy and information architecture
  • Clarifying the value proposition within the broader reading network
  • Strengthening visual credibility through original photography
  • Improving SEO performance with authentic, contextual imagery

Because the original system was designed for flexibility in mind, these adjustments required minimal redevelopment while preserving brand continuity. The platform proved structurally resilient, capable of evolving alongside organizational growth.

Visit the website: lirencor.com

avant_apres

Original photography: Stephanie Lesperance

Research-Informed Offer & Naming Strategy

To ground the 2023 transition in real reading behaviors (not assumptions), I used national research from the Centre National du Livre (CNL) and Ipsos, a global market research firm, on French reading habits to better understand audience segments and expectations.

These insights informed product and content decisions:

  • Defined two subscription aligned with reader behaviors
  • Calibrated tone and messaging
  • Clarified what each subscription includes
  • Led to the creation of “Numivores” (a blend of numérique + papivore) to name high-volume digital readers in a culturally resonant way

This ensured LirEncor offers remained consistent with member realities.

Extending the Brand

To reinforce usage, we extended the design system into monthly newsletters and recurring social media posts.

Monthly Newsletter

I designed and integrated a structured monthly newsletter template within Mailchimp to ensure brand consistency and reduce formatting inconsistencies over time.

mailchimp

Design and implementation of a reusable email template in Mailchimp

Social Media presence

While social engagement was secondary to email and website, maintaining a consistent presence remained important for visibility and credibility.

I designed the Facebook cover and a recurring visual system for seasonal book selections.

Although content publishing was managed by the founder, the visual framework maintained brand coherence across channels.

fb_screencopy

LirEncor Facebook Presence (February 2026)

Conclusion

Coming from a family where books have always held deep cultural value, seeing older members regain confidence with digital reading was especially meaningful.

This project reinforced something I already believed: accessibility works best when it’s part of the foundation, not an afterthought. It saves time, avoids rework, and makes collaboration smoother.

It also confirmed that building flexible structures may require more thought upfront, but it always pays off. When change comes, and it always does, teams don’t have to start over. Designing for change, for me, simply means building things that can grow without breaking.


Currently open to the right opportunity.

I'm always happy to discuss design, hear about your next big idea, or talk storytelling over tea.

Email me at hello@stephanielesperance.com
or reach out on LinkedIn.

 © 2026 Stephanie Lesperance

Original illustration by Leni Kauffman