The MVP Method: The cycle has a structure.
A repeatable practice for keeping multi-product experiences coherent as they scale. Growth creates complexity. The Maria Varagilal Playbook Method is the approach I've developed and refined along the way — applied across strategy, design, implementation, and rollout, not just documentation. It protects the original vision as products evolve.
Commitments
D01 · D04
Cohesion
The product is one experience — not a collection of products. Fragmentation risks surface before they cost clients.
D02 · D04 · D05
Boundaries
Intentional boundaries remind teams what truly matters. If it doesn't serve the committed problem, it doesn't ship now.
D03 · D04
Priority
The launch line is an act of discipline, not compromise. It names what must ship now, what can wait, and what the core cannot lose.
Dimensions
Brand & Experience Audit
Map every touchpoint — portals, mobile, emails, onboarding, internal tools. Score visual and UX consistency, identify where understanding of user needs is thinnest, and surface fragmentation risks before any work begins.
Each touchpoint is scored for visual consistency, UX coherence, and accessibility. Treat the entire ecosystem as one experience — not a collection of products. Fragmentation risks surface here before they cost clients.
Lens:
Clarity Before Execution
If the problem isn't clear, nothing built on top of it will be.
Unified Brand Principles
Distill company vision into a concise set of actionable principles and decision rules every designer, developer, and stakeholder can reference instantly as decision filters — small bets you sanity-check in production as you ship.
Principles and decision rules aren't documentation — they're decision-making tools. When a trade-off appears, the answers are there before a meeting is needed.
Lens:
Intention Over Distraction
Every 'yes' to a distraction is an invisible 'no' to the vision.
Priority & Flow Architecture
A prioritization grid: define what ships first. High Value + High Friction ships first — shared auth, core navigation, document viewer. Low-friction items come later.
The grid keeps prioritization and scope definition explicit and visible for the whole project. High Value + High Friction ships first; low-friction items queue without blocking momentum.
Lens:
The Launch Line
The product tells you what to refine — the backlog never will.
Design Implementation
The design — visuals, interactions, and flows — translates from strategy into production. Bridging design and implementation — not documentation alone — validates the intended experience in the live product.
Components and patterns are validated in production — not just approved in a mockup. The gap between designed intent and launched reality closes to zero.
Lens:
Cohesion Before Creation
Validated in production, not just approved in a mockup.
Continuous Alignment & Measurement
An ongoing build–measure–learn cycle keeps strategy, execution, and outcomes honest, moving in the same direction so the unified brand stays alive after launch.
Measurement is built into the loop — not added after. Cohesion scores are re-run after each major release. New contributors and features are potential drift points the loop catches early.
Lens:
Continuous Honesty
Declaring 'done' creates the space to learn.
Outcomes
When the dimensions operate together
These are results, not steps. They emerge when the five dimensions work together at the leadership level.
D01 · D03
Clarity
Seeing only what truly matters — stripping noise before it compounds
D04
Confidence
Decisions made once, launched, and trusted — no second-guessing
D02 · D05
Consistency
A unified experience that evolves without losing its identity
Evolution
The loop that ties it together
Each commitment describes how it evolves, but the underlying cycle is the same across all three — create, launch, test, refine — the evolution loop that keeps the vision honest. — Declaring 'Done' creates the space to learn. Learning keeps the vision honest. The cycle builds quiet, compounding advantage.
Each pass through the loop sharpens the product and deepens understanding. The work has always been about more than any single method — it's about what disciplined practice makes possible.
My work
Design to Production
I design it, I build it, and I ship the implementation layer with the team. What follows runs the full range — brand, product, systems, and production.
One through-line, not a side deck. Each case follows the real path from the decision to what went live, not a story layered next to the product.
Skim the summaries or take one case start to finish — the page works for either pace. Use the filters below to narrow by strength.
Component library
50+ components built in React and Tailwind v4, with a full theme system and accessibility baked in from the start — available when needed. This site uses a focused subset of them.
Built with it — not built to show it.
All portfolio case studies
Securibox: Unified Identity
Built brand identity and design language, then enforced it across six products and sub-brands — creating patterns that flex per audience while keeping the platform coherent
Cube - Own your data
Designing trust into credential handover across 300+ integrations — balancing emotional safety with operational clarity, where one wrong signal breaks everything.
SCA - CloudAgents
The control center for Securibox's data-collection agents — where admins, support, and ops keep hundreds of agents running, and catch failures the moment they happen.
Me - Securibox Account
One account hub for the whole ecosystem — scoped tightly on purpose. The hardest work was deciding what to keep out. Inline data transparency, intentional empty states, per-service deletion consequences
Securibox ID
Central auth layer inherited by every product — designed so authentication feels like a welcome, not a gate. WCAG accessibility, explicit error surfaces, and shared keyboard behaviour across the ecosystem
RH — HR Payslip Distribution
Two-sided B2B payslip platform — HR bulk operations on one side, employee secure access on the other, with regulatory compliance built into every flow
ConnectLime Website & Brand
Built the agency's brand identity and bilingual website — stakeholder alignment on "professionalism through simplicity" drove every decision, from content strategy to adaptive theme system
Gerer Ma Boite (GMB)
SaaS point-of-sale platform for French entrepreneurs — mentored the product team through strategy and architecture, and designed the bank reconciliation workflow directly. Acquired by CEGID
Assist@ — Admin Life Management
Life admin platform for people navigating moves, bereavements, job changes — designed specific flows and built the frontend in React, including internal tools held to the same design standard as user-facing surfaces
Prompt Architect
A skill that encodes prompt discipline — not a library of prompts.
Continente.pt — Digital Campaign
Rethinking Portugal's oldest hypermarket online — trust, the shopping list, and a digital experience that finally lives up to the physical brand
Epaye — Electronic Payroll
Fintech · proposal (app + landing)
SCP GameBox
Sporting club · proposal (website concept)
Different products, one identity. That's not maintenance work — that's systems design.
A decade in one ecosystem — designing and building the brand identity, the corporate site, the product UIs, the auth layer, the account hub, and the shared styling foundation. Every new feature is a potential drift point. Every decision has to hold across the entire platform.
AI has changed how I work. I use it throughout my workflow — design system generation, component scaffolding, prototyping, production code — and I'm always trying new tools to see what holds up beyond the first try.
Ready to lead an AI product experience from the ground up. That would be exciting to own.
in touch
The work has always been about one thing: making complex systems feel simple for the person using them, no matter who they are.
I look at what the spec didn't cover. I question assumptions during the brief, not after launch. And I build the frontend layer so the gap between what was intended and what shipped stays as close to zero as I can keep it.