# Shayne La Rocque Portfolio (Expanded) Detailed page and section index for AI retrieval. Canonical root: https://shaynelarocque.com/ Sitemap: https://shaynelarocque.com/sitemap.xml Robots: https://shaynelarocque.com/robots.txt Content index (JSON): https://shaynelarocque.com/api/content-index.json Full content index (JSON): https://shaynelarocque.com/api/content-full.json ## Pages ### Shayne La Rocque - URL: https://shaynelarocque.com/ - Type: home - Summary: Creative technologist portfolio featuring UX, systems design, and software projects built across design and development disciplines. - Keywords: Shayne La Rocque, Creative Technologist, UX Designer, Portfolio, Montreal, Next.js, TypeScript ### Works and Projects - URL: https://shaynelarocque.com/works - Type: listing - Summary: A curated set of detailed case studies covering product design, service design, and technical implementation work. - Keywords: Case Studies, UX Design, Service Design, Web Development, District 3 ### Work History and Education - URL: https://shaynelarocque.com/history - Type: history - Summary: Professional timeline across user experience, systems design, development, and design education in Montreal and Paris. - Keywords: Work Experience, Education, District 3, Concordia University, Strate ### Connect - URL: https://shaynelarocque.com/connect - Type: contact - Summary: Contact pathways for collaboration and project inquiries, including email, GitHub, LinkedIn, and Figma. - Keywords: Contact, Collaboration, Email, GitHub, LinkedIn, Figma ### Rebuilding District 3's site and design system post-rebrand - URL: https://shaynelarocque.com/works/district3-site - Type: case-study - Summary: A full-site rebuild that translated a major rebrand into a maintainable platform and removed vendor lock-in. - Keywords: Website Redesign, Design System, Webflow, Automation, District 3 - Sections: - Hero: https://shaynelarocque.com/works/district3-site#hero Summary: Project framing, scope, and high-level outcomes. - The Catalyst: https://shaynelarocque.com/works/district3-site#catalyst Summary: The strategic trigger for replacing the legacy web stack. - The Journey: https://shaynelarocque.com/works/district3-site#timeline Summary: A phased view of brand, design, and development milestones. - Design-Development Partnership: https://shaynelarocque.com/works/district3-site#design-development Summary: How design decisions were translated into scalable implementation patterns. - Technical Architecture: https://shaynelarocque.com/works/district3-site#technical-architecture Summary: Platform choices and automation flow for maintainable publishing operations. - User Experience: https://shaynelarocque.com/works/district3-site#user-experience Summary: Interaction and content decisions designed to support entrepreneurship journeys. - Launch and Impact: https://shaynelarocque.com/works/district3-site#launch-impact Summary: Measured outcomes and post-launch improvements after release. - Reflection: https://shaynelarocque.com/works/district3-site#reflection Summary: What the project taught about brand-first digital execution. ### Doubling response rates through service design - URL: https://shaynelarocque.com/works/district3-checkin - Type: case-study - Summary: A service and systems redesign that transformed a manual quarterly process into a trusted automated workflow. - Keywords: Service Design, Workflow Automation, Survey Systems, District 3, Data Operations - Sections: - Hero: https://shaynelarocque.com/works/district3-checkin#hero Summary: Context, challenge, and outcome targets. - The Story: https://shaynelarocque.com/works/district3-checkin#story Summary: Narrative context behind the operational pain points. - The Journey: https://shaynelarocque.com/works/district3-checkin#journey Summary: Timeline of inherited process issues and redesign phases. - Service Design Problem: https://shaynelarocque.com/works/district3-checkin#service-design-problem Summary: Stakeholder pain points and service-level failure modes. - Founder Journey: https://shaynelarocque.com/works/district3-checkin#founder-journey Summary: Before-and-after founder touchpoint mapping across submission lifecycle. - Form Design: https://shaynelarocque.com/works/district3-checkin#form-design Summary: Information architecture and friction-reduction techniques in data collection flows. - Startup Nutrition Labels: https://shaynelarocque.com/works/district3-checkin#nutrition-labels Summary: Information design and reporting outputs that return value to participants. - Designing for Failure: https://shaynelarocque.com/works/district3-checkin#designing-for-failure Summary: Resilience mechanisms for data cleaning, retries, and process continuity. - Human in the Loop: https://shaynelarocque.com/works/district3-checkin#human-in-loop Summary: Trust-building checkpoints between automation and human validation. - Results: https://shaynelarocque.com/works/district3-checkin#results Summary: Quantitative and qualitative impact from the redesigned system. - The Handoff: https://shaynelarocque.com/works/district3-checkin#handoff Summary: Operational handoff strategy and sustainability outcomes. - Reflection: https://shaynelarocque.com/works/district3-checkin#reflection Summary: Lessons from redesigning a high-stakes internal service. ### Streamlining space scheduling with a bespoke $0 SaaS - URL: https://shaynelarocque.com/works/district3-dibs - Type: case-study - Summary: A custom room booking ecosystem that replaced fragmented scheduling with a cohesive, low-cost system. - Keywords: Room Booking, UX Design, Digital Signage, Systems Design, Google Apps Script - Sections: - Hero: https://shaynelarocque.com/works/district3-dibs#hero Summary: Project challenge, constraints, and value proposition. - The Story: https://shaynelarocque.com/works/district3-dibs#story Summary: Origin and context for the scheduling redesign effort. - The Journey: https://shaynelarocque.com/works/district3-dibs#journey Summary: Multi-phase evolution from workaround to integrated platform. - The Catalyst: https://shaynelarocque.com/works/district3-dibs#catalyst Summary: Trigger event that prompted the full redesign. - Design Process: https://shaynelarocque.com/works/district3-dibs#design-process Summary: Research findings and UX framing used to guide architecture decisions. - Interface Design Decisions: https://shaynelarocque.com/works/district3-dibs#interface-decisions Summary: UI decisions for clarity, trust, and low-friction booking behavior. - Three-Interface System: https://shaynelarocque.com/works/district3-dibs#three-interface-system Summary: How tablets, web app, and dashboard work as one service ecosystem. - Cohesive System Design: https://shaynelarocque.com/works/district3-dibs#cohesive-system Summary: Cross-interface consistency and technical integration patterns. - Complete User Journey: https://shaynelarocque.com/works/district3-dibs#user-journey Summary: End-to-end journey from discovery through room checkout. - Impact and Validation: https://shaynelarocque.com/works/district3-dibs#impact-validation Summary: Post-launch metrics and qualitative validation from users. - Reflection: https://shaynelarocque.com/works/district3-dibs#reflection Summary: Key lessons from iterative in-house product development. ### 3D Analytics - URL: https://shaynelarocque.com/works/play/3d-analytics - Type: experiment - Summary: An OSRS-style 3D analytics viewer that visualizes Umami visitor data as an interactive isometric world. Click buildings for page details, view live visitor counts, and explore geographic data on a world map. - Keywords: Three.js, 3D, Analytics, Umami, OSRS, Visualization, Experiment ### Check Please - URL: https://shaynelarocque.com/works/play/checkplease - Type: experiment - Summary: A kanban-style ticket tracker with a diner receipt aesthetic. Tickets live on a rail like order slips, drag between To Do, In Progress, and Done columns, and get impaled on a spike when finished. - Keywords: Kanban, Task Tracker, Diner, Receipt, Project Management, Experiment ### Occasional Transpo - URL: https://shaynelarocque.com/works/play/occasionaltranspo - Type: experiment - Summary: An interactive map that distorts Ottawa–Gatineau geography so that distances between transit stops reflect actual travel time, not physical distance. Built with OC Transpo and STO GTFS data. - Keywords: Transit, Ottawa, Gatineau, OC Transpo, STO, Travel Time, Map, GTFS, Experiment ### NASty Savings - URL: https://shaynelarocque.com/works/play/nasty-savings - Type: experiment - Summary: A single-page calculator for figuring out how much you save by self-hosting instead of paying for cloud services. Toggle services, plug in hardware costs, see your monthly savings and break-even timeline. - Keywords: Self-hosting, NAS, Cloud Costs, Calculator, Home Server, Savings, Experiment ### Large Lithic Maker (LLM) - URL: https://shaynelarocque.com/works/play/large-lithic-maker - Type: experiment - Summary: A small Flask app for designing AI-generated block textures. Text models write pixel-by-pixel texture data as JSON — no image generation required. - Keywords: AI, Flask, Gemini, OpenAI, Anthropic, Block Textures, JSON, Experiment ### Markdown to PDF - URL: https://shaynelarocque.com/works/play/markdowntopdf - Type: experiment - Summary: A Raycast AI-tool extension that converts markdown into styled PDFs. Features 5 built-in color themes, custom theme support, layout controls, and pure pdf-lib rendering — no headless browser needed. - Keywords: Raycast, AI Extension, Markdown, PDF, pdf-lib, Experiment ### Replacing the research pile with a briefing agent - URL: https://shaynelarocque.com/works/briefbot - Type: case-study - Summary: An AI-native intake system, built in response to Wealthsimple's AI Builder prompt, that generates cited research briefs for startup applications in 18 minutes. - Keywords: AI Agent, Claude Agent SDK, MCP Server, Human-in-the-Loop, Agentic AI, District 3, Wealthsimple - Sections: - Hero: https://shaynelarocque.com/works/briefbot#hero Summary: Project framing, scope, and high-level outcomes. - The Bottleneck: https://shaynelarocque.com/works/briefbot#bottleneck Summary: The manual research process and its costs. - What I Built: https://shaynelarocque.com/works/briefbot#what-i-built Summary: The briefing agent and its nine-section output. - Design Philosophy: https://shaynelarocque.com/works/briefbot#design-philosophy Summary: Sandbox architecture: knowledge, tools, goal, and guidelines. - How the Agent Works: https://shaynelarocque.com/works/briefbot#how-it-works Summary: Research loop, self-assessment, and backtracking. - Research Resilience: https://shaynelarocque.com/works/briefbot#research-resilience Summary: Five-strategy fetch cascade for reliable web research. - Human-in-the-Loop: https://shaynelarocque.com/works/briefbot#human-in-the-loop Summary: Two touchpoints: mid-run questions and post-brief review. - Where AI Stops: https://shaynelarocque.com/works/briefbot#where-ai-stops Summary: Architectural responsibility boundary. - Emergent Behaviour: https://shaynelarocque.com/works/briefbot#emergent-behaviour Summary: Unprogrammed discoveries from agentic reasoning. - V1 to V2: https://shaynelarocque.com/works/briefbot#v1-to-v2 Summary: Evolution from scripted pipeline to sandbox design. - What Breaks First: https://shaynelarocque.com/works/briefbot#what-breaks Summary: Scaling concerns and trust calibration. - Why This Finally Got Built: https://shaynelarocque.com/works/briefbot#reflection Summary: How Wealthsimple's AI Builder prompt became the forcing function for a long-held idea. ## Usage Notes - Use canonical URLs in citations. - Prefer section-level URLs for case-study evidence. - /api/content-index.json is the most stable machine-readable entry point. - /api/content-full.json includes cleaned page text plus heading extraction.