Case study · Charity · Midland, Ontario

    This website has to welcome the person who was harmed. And the person who caused it.

    FACE Circles is a registered charity that has offered restorative justice in Midland and North Simcoe since 1999. The old site printed its own page-builder code and had no working referral form. The new one gives everyone who arrives a seat, and a way in.

    The new FACE Circles home page on a laptop: Face it, together, beside a photo of people talking in a circle of chairs.
    The same home page on a phone.
    A registered charity serving North Simcoe
    1999
    Paid staff. Every circle is run by volunteers
    0
    Has FACE turned down a request for a circle
    Never
    Lighthouse in all four categories, phone and desktop
    100
    1

    Before · Getting ready

    We met everyone first.

    Before a circle, two facilitators meet each person on their own. We started the same way: with everyone who arrives at facecircles.org, and what each of them came for. They rarely want the same thing. Pass the talking piece around the circle.

    Holding the talking piece

    A police officer

    The /referrals page on a phone.

    facecircles.org/referrals

    What they need

    To divert a matter instead of laying a charge, and a form to do it with.

    Their way in

    Police, Crown & court: make a referral, in the green bar at the top of every page. It opens a referral form that asks for the badge number, the occurrence number and whether a charge was laid.

    1 of 8 · pass it on →

    2

    Phase one · What happened, and who it affected

    The old site was talking over itself.

    In a circle, the person responsible speaks first and explains what happened. So, plainly: the old WordPress site had broken in ways nobody inside the charity could see from the dashboard.

    The old home page: lines of page-builder code such as [vc_column_text] and [vc_row] printed between the sections, and testimonials signed Offender and Mother of an offender.
    1. 1page-builder code, printed on the page
    2. 2“Offender”
    3. 3“Mother of an offender”
    The old home page, partway down. Every page had stray code like this.
    The old Police Referral Form page: a grey banner, then a single line of code, [wpforms id=3512], and empty space where the form should be.
    1. 1no form, just its code
    The old police referral form.

    The police referral form was one line of code. There was no form.

    For a charity that takes its referrals from police, the Crown and the courts, the page built for them could not take one. The contact page had the same problem.

    And who it affected

    The same words, signed differently.

    Restorative justice is careful about labels, because a label is the thing a circle tries to see past. The old site signed real quotes with the word the circle avoids. The new site keeps every word of the quote and changes only the name under it.

    • “Now I see police officers in a different way, more as normal men who sometimes have a difficult job…”

      Old siteOffenderNew sitePerson who caused harm
    • “The circle was an amazing way to bring together such wisdom, honesty and support together for the benefit of our son…”

      Old siteMother of an offenderNew siteParent of a participant
    4

    After · The circle agreement

    Written down, and completed.

    A circle ends with an agreement: the conditions everyone settled on, written down, with a set time to complete them. These were ours.

    Circle agreementFACE Circles × Vortio

    1. 1.Every visitor gets their own way in: court and police referrals, families, neighbours, and schools.
    2. 2.Police, Crown and court get a referral form they can actually send, one click from every page.
    3. 3.A circle is explained step by step, in plain language, before anyone has to pick up the phone.
    4. 4.People are named by their part in what happened, never by a label.
    5. 5.Names stay private. Every story on the site is attributed by role only.
    6. 6.The site works for everyone who arrives: fast, readable and accessible on any phone.

    Completed. Live at facecircles.org.

    Checked on the live site

    Performance
    Accessibility
    Best practices
    SEO

    Lighthouse on facecircles.org, mobile and desktop alike, 14 November 2026.

    Painted wooden chairs set out in a circle in a garden.

    No one sits at the head of the table.

    Instagram · @vortioai

    Instagram, @vortioai

    The FACE Circles launch post.

    View this post on Instagram

    The launch post

    A mission worth sharing. A website built to connect.

    The post said it in one line: for an organization that runs on volunteers, the website handles the first conversation.

    Follow @vortioai
    Before and after
    facecircles.org
    Programs built around community
    Every community deserves to be heard
    A mission worth sharing
    Anyone can ask for a circle

    Everyone deserves a way in. Including your visitors.

    If your organization serves people who arrive wanting different things, we will meet each of them first, then build the site that welcomes them all.

    Start the conversation

    FACE Circles

    Website design and build by Vortio

    facecircles.org

    Next project

    The York House

    Boutique stay · Redesign and direct booking

    View all work