Context
Reimagine Labs is developing Navigator, a generative AI tool to assist the social and public sectors with research and business development. I prototyped their MVP, which included creating wireframes, AI-assisted editing interactions, and multi-layered workflows.
Approach
I grounded my design in established UX principles for AI:
Microsoft’s Guidelines for Human–AI Interaction (Amershi et al., 2019): Set expectations, support efficient correction, and make AI limitations clear.
Interaction Primitives (Tsiakas & Murray-Rust, 2024): Treat AI workflows as modular moves — Ask, Explain, Revise, Confirm — to give users clear levers of control.
These principles ensured the interface supported collaboration, not blind automation.
Outcome
I delivered the prototype and interaction flows that formed the foundation of the Navigator MVP and secured additional funding and stakeholder buy in. These designs established the product’s first set of AI interaction patterns, giving Reimagine Labs a testable prototype for pilots with nonprofits.
Learn more at: https://www.thenavigator.ai/
Key Design Highlights
Structured Templates for AI-Generated Content
I designed the templates that to present AI-generated outputs across core sections (Overview, Research, Workplan, Implementation, Budget). These templates ensured outputs were consistent, scannable, and easy to refine.
AI Editing Interactions, Supporting Control & Discovery
To give users agency over AI output, I built in three ways to refine text: custom prompts, suggested prompts, and direct manual editing. This approach supports both novice and expert users, aligning with research on Ask → Revise → Confirm interaction primitives.
Edit Foundation Data
I designed this flow so people could change the foundational data of their project and have it ripple through the whole system. For novice AI users, it’s important to be clear about what this action does. It gives them control over big changes while making sure they understand how their edits will guide the AI.
Next Steps
Drawing on research findings, I collaborated with stakeholders to identify the key features the website needed. To prioritize effectively, I utilized an impact-feasibility map to focus on the most impactful and achievable features for the redesign.
Impact / feasibility chart, each sticky note color represents a different high level objective for Tribal Parks.
Site Map & Narrative Wireframes
I used the insights from the feasibility and impact map to define the website's structural parameters. After uploading the map to ChatGPT to generate a narrative wireframe, I further refined the site map using Relume AI to ensure clarity and alignment with the project's goals.
Wireframes
I drafted the first wireframes with Relume AI and worked with stakeholders to refine the key messaging and information hierarchy.
Key Pages:
Home Screen
About
Allies Certification
Visit Responsibly
Impact
Certification
Website Copy
I utilized documented stories to train an AI generative language model, enabling it to assist in crafting culturally authentic and well-structured website copy. All content was carefully reviewed and approved by Tribal Park leaders prior to publication to ensure accuracy and respect for cultural integrity.
Final Designs
Sample of key screens shown below:
Home Page
The homepage is strategically designed to guide diverse user groups with clear, targeted pathways. Prominent calls-to-action direct visitors to support Tribal Parks, join the Allies program, or learn about responsible tourism. High-quality visuals and concise storytelling not only showcase the region’s natural beauty but also create an emotional connection to the Tla-o-qui-aht First Nations’ mission, driving engagement and action.
Become an Allie Page
The primary target audience for this page is local businesses considering joining the Allies program. Research revealed key barriers preventing participation, including a lack of understanding of the program’s benefits, uncertainty about the tangible impact of funds, and concerns around navigating political or social sensitivities related to certification. The redesign addresses these gaps by prominently featuring key statistics to showcase the program’s measurable outcomes, outlining straightforward steps to become an Ally, and clearly communicating the benefits of joining. Testimonials and video case studies provide powerful social proof, highlighting the positive experiences of current Allies and building trust with prospective participants.
Tribal Park Impact Page
The redesigned "Impact" page builds trust by highlighting measurable achievements and showcasing successes in stewardship, cultural resurgence, and community development. Through visuals, stories, and resources like annual reports, it demonstrates the program’s value, reassuring donors that their contributions are well utilized.
About Page
The "Our Story" page offers an engaging overview of the Tribal Parks' mission, history, and ongoing environmental stewardship. Through a mix of compelling storytelling, interactive maps, and a captivating short film, it immerses visitors in the Tla-o-qui-aht First Nations' legacy and commitment to protecting the land.
Visit Responsibly Page
The redesigned "Visit Responsibly" page introduces visitors to the principles of ?iisaak (respect) and actionable ways to support Tribal Parks, including becoming an Ally. A live pledge counter and signature form encourage commitments and raise awareness of collective responsibility among visitors in Tofino, BC.
The redesign positioned Tribal Parks as a credible and compelling force for conservation and Indigenous stewardship. By aligning storytelling, structure, and strategy, the new platform not only increased funding and engagement but also amplified the Nation’s voice in shaping sustainable tourism.
