Affectio Societatis

Open the game
Brand
Affectio Societatis
Year
2024
Objective
Awareness
Industry
Other
Mechanic
Adventure & Quest
Platform
Web
Agency
GAX Studio

Screens

23 screens

Objective

Affectio Societatis is a young business-law practice — its founding lawyer only a decade into the bar — that wanted to shed the industry's stuffy, formal conventions and feel approachable to entrepreneurs and startup founders instead. The firm asked its studio for a completely disruptive visual identity and site, one that could explain its expertise through play rather than legalese and read as close to the client rather than distant. The underlying goal was practical: turn that approachability into bookings for a free first consultation.

Solution

The page unfolds as a single pixel-art scroll styled like a Game Boy cartridge, with the player guiding a young entrepreneur named Sacha through six levels toward the firm's door. At each stop a mentor figure hands over an item — a compass, a scroll, a sword, a treasure chest — each standing in for one legal service, from picking a business structure to negotiating disputes to fundraising strategy. Collected items pile up in an on-screen Inventory, while a separate Character Sheets section shows off three collectible trading cards — the lawyer, Sacha, and the cat — each with hit points, a signature move, and a limited-edition number. A HUD with hearts, an XP bar, and a menu (restart, inventory, character sheets, contact) stays on screen throughout the run. Clearing the final level drops the player straight into an offer for a free first consultation and a contact form.

How it plays

10 steps
  1. 1

    The site opens as a full-screen console boot sequence: a handheld device with a cartridge labeled "AS · LAWYER GAME" plays on its own, then fades to black as the Affectio Societatis logo emerges on the console's screen.

  2. 2

    A blue title card announces "Jonathan Signoret présente," then gives way to a game title screen — logo, floating item icons, a tagline, and a "Play" button — with the four-heart counter and the item progress track already visible for what's ahead.

  3. 3

    The core loop is scroll-driven: scrolling both advances typewriter-style dialogue in a portrait dialogue box and pans the camera through the scene, moving the player character along a bottom progress track under a persistent heads-up display of hearts, a menu button, and a sound toggle.

  4. 4

    Across four successive scenes, the player meets a lawyer character who hands over a symbolic item — a compass, a scroll, a sword, a treasure chest — each accompanied by dialogue equating the object with a specific legal service, and each locking into the next open slot on the progress track.

  5. 5

    The journey ends in a city street outside a building marked "Your Company," where the lawyer, now in a robe, delivers a closing message urging the player to seek legal support for future challenges.

  6. 6

    An "Inventaire" section then slides in over the final scene as a backpack that opens into a storybook spread displaying the four collected items, before closing back up to transition into the site's informational sections.

  7. 7

    A "4 Piliers" section lays out the firm's four pillars — expertise, innovation, teaching, and accessibility — as straightforward text content.

  8. 8

    A "Fiches Perso" section presents the cast as a set of trading cards, each with a health-point stat, an ability or flavor-text description, and an edition number — covering the lawyer, Sacha, and the office cat.

  9. 9

    The site ends on a conversion screen offering a free first consultation, with a contact form and the firm's phone number and email.

  10. 10

    A final menu screen doubles as the site's footer, listing navigation to each section, contact and legal links, and credits; a hamburger menu present throughout the experience lets the player jump between sections or restart the story from the beginning.