Flowgrid

Flowgrid

Flowgrid

category

Design Framework

2025

Academic Project

4 Weeks

Figma
Figma
illustrator

Deliverables

Modular Tool


This project translates my instinctive process into a structured design framework that can support clarity, adaptability, and collaborative decision-making across projects.

Through primary research, tested design logic, and strategic storytelling, I aim to document how this framework came to life- not only to showcase my process, but to reflect my capabilities as a design leader, systems thinker, communications strategist, and decision-maker.

Through this model, I present how intuition paired with research becomes infrastructure in my practice, and how thoughtful frameworks can empower both creativity and teams.


This project translates my instinctive process into a structured design framework that can support clarity, adaptability, and collaborative decision-making across projects.

Through primary research, tested design logic, and strategic storytelling, I aim to document how this framework came to life- not only to showcase my process, but to reflect my capabilities as a design leader, systems thinker, communications strategist, and decision-maker.

Through this model, I present how intuition paired with research becomes infrastructure in my practice, and how thoughtful frameworks can empower both creativity and teams.

Objective:
To develop a research-driven design framework based on personal methodology and creative practice. The aim is to create a structured, adaptable system that supports strategic decision-making in design processes in UI/UX, branding, and collaborative environments.

Constraints:

All components of the framework (phases, tools, outputs) must be modular, easy to communicate, and demonstrable in several environments.

Objective:
To develop a research-driven design framework based on personal methodology and creative practice. The aim is to create a structured, adaptable system that supports strategic decision-making in design processes in UI/UX, branding, and collaborative environments.

Constraints:

All components of the framework (phases, tools, outputs) must be modular, easy to communicate, and demonstrable in several environments.

(+)

Mapping

(+)

Synthesis

(+)

Toolkit

(+)

Figma Template

(+)

Use Case Model

(+)

Future Perspectives

2021

The Pattern of Chaos

“Too many tabs open, too many thoughts scattered.” While freelancing across branding, UX, and illustration, I noticed how my own process constantly shifted depending on the project. There was no central logic, no toolkit—only instinct, and it began to feel unsustainable.

2021

The Pattern of Chaos

“Too many tabs open, too many thoughts scattered.” While freelancing across branding, UX, and illustration, I noticed how my own process constantly shifted depending on the project. There was no central logic, no toolkit—only instinct, and it began to feel unsustainable.

2021

The Pattern of Chaos

“Too many tabs open, too many thoughts scattered.” While freelancing across branding, UX, and illustration, I noticed how my own process constantly shifted depending on the project. There was no central logic, no toolkit—only instinct, and it began to feel unsustainable.

2022

System Fatigue

“Every method I tried felt like it didn't check all the boxes.” I dipped into Design Thinking, Lean, and Agile templates—Post-its, canvases, sprint boards—but they either lacked creative elasticity or felt too mechanical. Nothing helped me make sense of the process itself.

2022

System Fatigue

“Every method I tried felt like it didn't check all the boxes.” I dipped into Design Thinking, Lean, and Agile templates—Post-its, canvases, sprint boards—but they either lacked creative elasticity or felt too mechanical. Nothing helped me make sense of the process itself.

2022

System Fatigue

“Every method I tried felt like it didn't check all the boxes.” I dipped into Design Thinking, Lean, and Agile templates—Post-its, canvases, sprint boards—but they either lacked creative elasticity or felt too mechanical. Nothing helped me make sense of the process itself.

2023

Rapid Synthesis

“If it doesn’t fit me, I’ll make it.” I started borrowing selectively from each mindset. A moodboarding taxonomy here. A sprint reflection there. Tools became modular. Notes became rituals. Patterns emerged. For the first time, the chaos began to flow.

2023

Rapid Synthesis

“If it doesn’t fit me, I’ll make it.” I started borrowing selectively from each mindset. A moodboarding taxonomy here. A sprint reflection there. Tools became modular. Notes became rituals. Patterns emerged. For the first time, the chaos began to flow.

2023

Rapid Synthesis

“If it doesn’t fit me, I’ll make it.” I started borrowing selectively from each mindset. A moodboarding taxonomy here. A sprint reflection there. Tools became modular. Notes became rituals. Patterns emerged. For the first time, the chaos began to flow.

2024

Building Blocks

“What if a system could be soft and smart?” I mapped it. Cards. Phases. Trees. Moodboards. Notion decks. Prototypes. A framework emerged—not rigid, but responsive. Strategic, but human. This was backed by a more in-depth research and exploration of design frameworks through projects and workshops with lecturers at the Royal College of Art.

2024

Building Blocks

“What if a system could be soft and smart?” I mapped it. Cards. Phases. Trees. Moodboards. Notion decks. Prototypes. A framework emerged—not rigid, but responsive. Strategic, but human. This was backed by a more in-depth research and exploration of design frameworks through projects and workshops with lecturers at the Royal College of Art.

2024

Building Blocks

“What if a system could be soft and smart?” I mapped it. Cards. Phases. Trees. Moodboards. Notion decks. Prototypes. A framework emerged—not rigid, but responsive. Strategic, but human. This was backed by a more in-depth research and exploration of design frameworks through projects and workshops with lecturers at the Royal College of Art.

2025

A Circular Grid is Formed

“A framework for clarity, creativity, and choice.” This framework addresses these challenges by offering a modular, mindset-driven system that streamlines decision-making, fosters alignment, and enables both individuals and teams to think laterally while executing with purpose.​

2025

A Circular Grid is Formed

“A framework for clarity, creativity, and choice.” This framework addresses these challenges by offering a modular, mindset-driven system that streamlines decision-making, fosters alignment, and enables both individuals and teams to think laterally while executing with purpose.​

2025

A Circular Grid is Formed

“A framework for clarity, creativity, and choice.” This framework addresses these challenges by offering a modular, mindset-driven system that streamlines decision-making, fosters alignment, and enables both individuals and teams to think laterally while executing with purpose.​

Stage 1

Data Collection

Peer Interviews for Primary Research- Insights

This set of interviews was taken around the campuses of the Royal College of Art, which consists of Master's and PhD design students, accomplished leaders in the industry, guest lecturers, and working professionals- and all very inspiring people.

This place was the ideal place to conduct the interviews due to the intersection of various perspectives, levels of experience, and perspectives from fellow design innovators. 

Sample size: 100 people

Slide 1
BACK
NEXT

HENCE:

Problem Statement

Design teams today often struggle to balance speed with clarity- working in sprints that demand quick decisions while trying to stay aligned with long-term strategy and user needs. Meanwhile, solo designers lack structured tools to think across multiple dimensions- brand, function, user emotion, and feasibility in a cohesive and adaptable way.

How can we address this gap by offering a modular, mindset-driven system that streamlines decision-making, fosters alignment, and allowing both individuals and teams to think laterally while addressing the intersection of disciplines.

"The tools agencies use are great for delivery, but they don’t help us reflect on why we made certain design choices in the first place. Somehow it seems mainstream in the end anyway, so did we actually challenge ourselves to innovate or just succeed?"
"The tools agencies use are great for delivery, but they don’t help us reflect on why we made certain design choices in the first place. Somehow it seems mainstream in the end anyway, so did we actually challenge ourselves to innovate or just succeed?"
"Frameworks need to evolve with process. There is no sense in repeated templates that are just forms to be filled out with no backing. As creatives and leaders, creativity has a flow but not a formula."
"Frameworks need to evolve with process. There is no sense in repeated templates that are just forms to be filled out with no backing. As creatives and leaders, creativity has a flow but not a formula."

"Sometimes I have five ideas competing in my head, and I don’t have a system to decide which one actually works best for the brief. Explaining it to the client falls short of the concept."

"Sometimes I have five ideas competing in my head, and I don’t have a system to decide which one actually works best for the brief. Explaining it to the client falls short of the concept."

"A thinking partner is excellent, and a collaborative team is powerful, but when there are multiple sources on information and sorting it out, making sure everyone's perspective on how they interpreted it causes a scramble."

"A thinking partner is excellent, and a collaborative team is powerful, but when there are multiple sources on information and sorting it out, making sure everyone's perspective on how they interpreted it causes a scramble."

Stage 2

Synthesis

The Flowgrid Framework was born from observed gaps between existing methodologies like Design Thinking, Lean, and Agile, and the real challenges faced during creative decision-making.
Rather than treating these mindsets as isolated processes, I explored their overlapping principles user-centric problem solving, iterative validation, adaptability to uncertainty and identified pockets where each traditionally left gaps.​

  • Design Thinking offered strong user empathy but lacked decision-prioritization tools.

  • Lean emphasized value efficiency but often minimized the emotional and strategic richness.

  • Agile encouraged adaptability but lacked a structured foundation for upstream research and vision.

Evolving into the Final Framework

​​By synthesizing these into a modular cycle (Listen → Align → Build → Reflect), the first skeleton of FlowGrid creates a flexible system that could loop dynamically and allow for structured forking when needed., reflecting a design process rooted in:
Pattern Recognition
Strategic Synthesis
Human-centered adaptability
A balance of creativity and logic

It positions FlowGrid as a fluid breathing design operating system for modern innovation projects.

The FlowGrid Framework is a modular, research-driven system designed to guide creative teams, product designers, and strategic innovators through structured, adaptable decision-making processes.
The FlowGrid Framework is a modular, research-driven system designed to guide creative teams, product designers, and strategic innovators through structured, adaptable decision-making processes.

Built at the intersection of Design Thinking, Lean Mindset, and Agile Practices, it empowers individuals and teams to move fluidly through the messy realities of ideation, alignment, execution, and reflection without losing clarity, agility, or empathy along the way.

Rather than following a rigid process, FlowGrid offers pathways: tailored flows for Minimum Viable Products (MVPs), iterative builds, vision strategies, and impact tracking. Teams (or solo designers) can pick a route based on project needs, scale, and goals.
Rather than following a rigid process, FlowGrid offers pathways: tailored flows for Minimum Viable Products (MVPs), iterative builds, vision strategies, and impact tracking. Teams (or solo designers) can pick a route based on project needs, scale, and goals.

Stage 3

Toolkit

The FlowGrid Toolkit is a modular companion designed to bring the FlowGrid Framework to life. Built for real-world use, it offers a customizable set of templates, boards, cards, and maps- empowering designers, strategists, and teams to structure their projects with agility, creativity, and clarity.

​Whether you’re defining a vision, mapping research, building moodboard taxonomies, prioritizing decisions, or reflecting on impact, the toolkit provides plug-and-play modules to guide every step of the creative journey.

​Each template is intentionally designed to be:
Modular and remixable
Visual and action-oriented
Scalable from solo projects to team collaborations

The FlowGrid Toolkit turns strategic thinking into tangible momentum. The template gives suggestions and prompts to address in each phase of the process, ensuring that there is clarity in thought and functioning.

prototype

View high fidelity frames in Figma

or scroll down!

prototype

View high fidelity frames in Figma

or scroll down!

FlowGrid

To open the framework toolkit in Figma visit the link.

To view a sample project using FlowGrid, scroll down!

Stage 4

Use Case

This is a project creating by use of the framework in an MVP sprint pathway.

Stage 5

Future Perspectives

The Flowgrid Framework was intentionally designed to be resilient, adaptive, and future-facing—qualities essential for leadership roles in design management and creative direction. Rather than being a static checklist or rigid pipeline, Flowgrid behaves more like a design operating system, able to expand, reconfigure, and evolve alongside the needs of projects, teams, and industries.​​

Through its development and initial applications, the framework proved highly effective in structuring versatile decision spaces, aligning diverse stakeholders, and encouraging more meaningful creative reflection.

Peer designers, strategists, and tutors consistently praised FlowGrid for its balance of clarity and flexibility, noting that it neither rigidly prescribes steps nor leaves teams unguided- a rare strength in the landscape of frameworks today.

"I appreciate how it gives me an outline for my thoughts, rather than me having to wonder about everything I have to consider after I've already started working."
"I appreciate how it gives me an outline for my thoughts, rather than me having to wonder about everything I have to consider after I've already started working."
"I appreciate how it gives me an outline for my thoughts, rather than me having to wonder about everything I have to consider after I've already started working."
"What stands out about FlowGrid is how modular and flexible it feels; it's rare to find a framework as a customizable, research-informed, emotionally intelligent design system."
"What stands out about FlowGrid is how modular and flexible it feels; it's rare to find a framework as a customizable, research-informed, emotionally intelligent design system."
"What stands out about FlowGrid is how modular and flexible it feels; it's rare to find a framework as a customizable, research-informed, emotionally intelligent design system."
"One of the most unique aspects is how the framework humanizes design thinking. The integration of reflection and emotional metrics makes it genuinely user-centered from the inside out."
"One of the most unique aspects is how the framework humanizes design thinking. The integration of reflection and emotional metrics makes it genuinely user-centered from the inside out."
"One of the most unique aspects is how the framework humanizes design thinking. The integration of reflection and emotional metrics makes it genuinely user-centered from the inside out."
"FlowGrid brings back an element of iteration and play in the process- like refined sticky notes that make it easy to present a holistic view of a project as a pitch in a presentation."
"FlowGrid brings back an element of iteration and play in the process- like refined sticky notes that make it easy to present a holistic view of a project as a pitch in a presentation."
"FlowGrid brings back an element of iteration and play in the process- like refined sticky notes that make it easy to present a holistic view of a project as a pitch in a presentation."
"FlowGrid feels like a lightweight operating system for creatives. It doesn’t overwhelm, it guides- something that highlights the quality of a design strategist and shows the ability to lead teams."
"FlowGrid feels like a lightweight operating system for creatives. It doesn’t overwhelm, it guides- something that highlights the quality of a design strategist and shows the ability to lead teams."
"FlowGrid feels like a lightweight operating system for creatives. It doesn’t overwhelm, it guides- something that highlights the quality of a design strategist and shows the ability to lead teams."
"The framework is ideal for workshops and expands to accommodate different types of design thinkers."
"The framework is ideal for workshops and expands to accommodate different types of design thinkers."
"The framework is ideal for workshops and expands to accommodate different types of design thinkers."

Evolution of the Framework in the Industry

Modular Scalability:

As new tools, methods, or market needs emerge, individual modules (e.g., Sentiment Audit, Reflection Structure, New Metrics) can be updated or swapped without disrupting the entire system.

Customized Flows for Emerging Fields:
FlowGrid can generate new custom flows for different sectors, like AI-based UX, sustainable product design, service design ecosystems by remixing existing modules or introducing new forks.

Data-Driven Adaptation:
Over time, the Insights Wall and Impact Tracker feed back into the system, allowing the framework to refine its strategies based on real project outcomes. The model "learns" with each deployment.

Collaborative Growth:
Teams can adapt the framework together, aligning stakeholders, scaling agile sprints, shaping user-centered branding initiatives, making FlowGrid a collaborative infrastructure, not just an individual process.

Ecosystem Thinking:
It’s designed for systems-based design management, hence integrating research, user testing, prototyping, and business goals within adaptable cycles.

Whether the objective is a product launch, a rebranding campaign, or a service innovation, Flowgrid enables designers and decision-makers to see the system holistically, manage complexity, and prioritize smartly.

Use cases over time:

Sustainable Design Innovation: Reflection structures and New Metrics could help teams pivot toward sustainability KPIs mid-project without losing core design integrity.

Adaptive Product Development: In agile product teams, the Forks and Custom Flows allow fast response to user-testing insights, making the framework extremely suited for MVP-to-Scale journeys.

Design Leadership & Organizational Change: Design managers and directors can use FlowGrid to facilitate more transparent decision-making, reduce "design by committee" risks, and provide teams with clear paths while preserving creative autonomy.

Self-Reflection for Designers: Even solo practitioners can use it to create better self-initiated projects- building internal alignment, testing hypotheses faster, and reflecting with measurable growth loops. I acts as an audit system for a more flexible process.

Scroll to view chat

Epilogue

Operational Seamlessness

By utilizing the FlowGrid framework, I ensured that complexity never compromises performance. I found that creating a modular delivery system where design logic and structural intent are aligned from day one, results in a frictionless project trajectory. This removes the "guesswork" for clients, providing a predictable yet highly creative path to a successful launch.

Operational Seamlessness

By utilizing the FlowGrid framework, I ensured that complexity never compromises performance. I found that creating a modular delivery system where design logic and structural intent are aligned from day one, results in a frictionless project trajectory. This removes the "guesswork" for clients, providing a predictable yet highly creative path to a successful launch.

The Efficiency of Intent

By architecting systems that reduce cognitive load and minimize "extra clicks," the work process becomes crystal clear. I’ve refined a methodology where the most efficient route is also the most impactful, ensuring that the end-user reaches their goal without unnecessary resistance.

The Efficiency of Intent

By architecting systems that reduce cognitive load and minimize "extra clicks," the work process becomes crystal clear. I’ve refined a methodology where the most efficient route is also the most impactful, ensuring that the end-user reaches their goal without unnecessary resistance.

Empathetic Architectures

Technical precision only succeeds when it meets human intent. By focusing on immersive visual experiences and community-driven interactions, I transformed abstract frameworks into a lived experience that fosters trust and long-term user engagement.

Empathetic Architectures

Technical precision only succeeds when it meets human intent. By focusing on immersive visual experiences and community-driven interactions, I transformed abstract frameworks into a lived experience that fosters trust and long-term user engagement.