pixiro logo pixiro

Design is an architecture of first impressions.

We translate business goals into digital experiences that work from the first click. Our portfolio isn't a gallery—it's a collection of solved problems, each with documented outcomes and constraints.

Start a Project
Focus Areas
FinTech B2B SaaS E‑Commerce Cultural
Constraints We Solve
  • Legacy CMS Integration
  • Mobile-First Performance
  • Accessibility (WCAG 2.1 AA)
Case Study

FinTech Onboarding: Turning Drop‑Off into Completion

A Colombian neobank was losing 40% of potential clients during KYC verification. The process was a single, intimidating page—a textbook "first impression" failure. Our audit revealed users felt anxiety, not guidance.

We diagnosed the core issue: the lack of a visual progress pathway. Users didn't know how far they were, what came next, or if their sensitive data was being handled securely.

Project Constraints
Assumption
High-end devices only.
Reality
Low-end Android dominates market. Performance was non‑negotiable.
Boundary
Legal workflow. No design could alter core data collection steps.
Outcome
5-step micro‑journey. Completion rates up 35%.
Decision Lens
Criteria
Clarity of progress & visual security cues.
Optimizes
User confidence, completion rate, support efficiency.
Sacrifices
Length of form. Adds intentional pauses for user digestion.
FinTech Onboarding Step 1: Identity Upload
Document Preview Module Onboarding Completion Screen
Key solution: The 'Document Preview' module reduced user errors by 22% by demystifying the verification process.

The "Dead End" Iteration

Scenario: Day 3 of Discovery

We initially designed a progressive disclosure pattern where help text appeared only after a failed entry. The client's legal team flagged it immediately: "We need informed consent at every step, not just after a mistake."

This was a pivot. We abandoned the elegant, minimalist interaction for a more explicit, upfront communication model. The interface felt less "clever" but became legally compliant and more trustworthy. The lesson: design must serve the real-world constraints of the system, not just the ideal user.

Pitfalls We Avoided

  • 1 Over-engineering the UI. The "document preview" was a simple image overlay, not a complex component.
  • 2 Ignoring load times. We used SVGs for icons and lazy-loaded the camera module to keep the initial screen under 2s on 3G.
  • 3 Subjective validation. All success metrics (22%, 35%, 50%) were measured against the live pre-deployment baseline.
Portfolio Matrix

By Industry & Outcome

A scannable overview of our experience. All projects share a 12‑week timeline constraint from kickoff to launch.

Industry Projects Key Outcome Focus Area
FinTech 1 (Featured) +35% Completion Onboarding Flow
E‑Commerce 3 -18% Cart Abandon Checkout & Product UI
B2B SaaS 2 Reduced 7→3 User Steps Dashboard Simplification
Cultural 2 +40% Event Ticket Sales Editorial Microsites
Non‑Profit 1 2.5x Donation Rate Funnel Optimization
System Design

From Chaos to Cohesion: The Brand System

The Problem
A local artisan's site had 7 button styles, 4 typefaces, and no iconography. Users were confused, and the brand felt fragmented.
The Process
We conducted a visual audit, created a "debt report," and defined a core system: 2 primary colors, 3 accents, and a strict Figma component library.
The Trade-off
We sacrificed trendy, custom graphics for a reusable, maintainable system. This increased initial design time but cut asset creation for future campaigns by ~70%.

"Without this system, their upcoming holiday campaign would have required a full redesign." — Internal Project Audit

Before: Chaotic Website After: Systematic Interface Figma Component Library Style Guide Booklet
Due Diligence

Questions to Ask Any Studio

1. Can you show me a project that failed or hit a major constraint?
We document pivots. The FinTech project’s legal constraint forced a UI change—see above. Honesty about failure modes builds trust.
2. How do you handle scope creep with a fixed budget?
We prioritize a "core experience" for launch. Non-essentials are moved to a Phase 2 roadmap, keeping the 12-week timeline intact.
3. What’s your process for integrating with our legacy CMS?
We audit the CMS first, often building a headless layer or custom blocks. We’ve worked with WordPress, Drupal, and custom stacks.
4. How do you measure success post-launch?
We schedule check-ins at 30 and 90 days to review analytics (drop-off rates, conversion, speed) against the pre-launch baseline.
5. Who owns the final design files and code?
You do. We deliver all source files (Figma libraries, frontend code) with documentation for your team to maintain.
6. Can you work within our team’s communication rhythm?
Yes. We adapt to your tools (Slack, email, weekly syncs) and provide clear milestones. Transparency is a design deliverable.

Ready to see how your project could work?

We'll start with a brief, no-pressure conversation about your goals and constraints. If it's a fit, we'll propose a clear path forward.