Visual composition representing our design methodology

"Our portfolio isn't a gallery of finished screens—it's a field notebook of decisions made under constraint." Bogotá, Colombia

Curated Works

Web Design as Applied Geometry

Every project in this portfolio solves a real constraint: a limited timeline, a complex legacy system, or a budget that demanded surgical precision over wholesale reinvention.

This page displays a curated selection of recent work from our Bogotá studio. You won't find generic mockups or placeholder copy. Instead, you'll see the actual trade-offs we navigated—why a horizontal scroll matrix was chosen over a modal, or why a dark breaker was necessary to reset the user's attention.

Who this is for: Product managers and founders who need to understand our visual grammar and decision-making process before the first call.

Recent Projects

Scan Mode
Fintech Dashboard
Fintech dashboard interface

Emerald Ledger Interface

Rebuilt a legacy trading platform's UI for clarity under pressure. Constraint: 4-week timeline. Trade-off: Custom SVG icons over icon font library.

E-commerce product grid

Local E-commerce

Bogotá artisan marketplace. Mobile-first checkout.

Brand identity system

Architectural Firm Identity

Visual system for Calle 93B practice. Grid-first design.

SaaS
SaaS onboarding flow

Onboarding Flow Optimization

Reduced drop-off by simplifying the visual path. Constraint: No backend changes allowed. Solution: Pure CSS state indicators.

CSS-Only State

The Decision Lens

We optimize for clarity under constraint. Here's how that shapes our work.

  • Portfolio Fit: Does this solve a real business problem?
  • Process Clarity: Can we explain every decision?
  • Budget Alignment: Does the solution match the investment?
  • Timeline Feasibility: What happens if launch date moves up?

What This Optimizes vs. What We Sacrifice

Optimizes
Speed to Launch

Modular components over bespoke animations.

Maintainability

Vanilla JS over heavy frameworks when possible.

Visual Clarity

Strong grid systems over experimental layouts.

Sacrifices
Bleeding-Edge Tech

We won't use experimental CSS features without fallbacks.

Endless Revisions

Scope is locked early. We protect timelines aggressively.

"Wow" Factors

If it doesn't serve the user, it doesn't ship.

The Narrative

Why Visual Composition Matters More Than Features

In our Bogotá studio, we start with a simple rule: every pixel must justify its existence. This isn't minimalism for its own sake—it's a discipline born from working with lean teams and tight budgets. When a client comes to us with a three-week deadline and a complex product, we can't afford to waste time on decorative flourishes.

The projects you see here share a common thread: constraint-driven creativity. The fintech dashboard didn't need more data—it needed better visual hierarchy. The local e-commerce site didn't need more features—it needed a checkout flow that felt trustworthy on a shaky 3G connection in Chapinero.

"The best design decision we made was removing three features, not adding one."

— Art Director, pixlixa

We use a 4:3 aspect ratio for our hero panels because it forces focus. We apply neon dots only to indicate active states or critical paths—never for decoration. This restraint creates space for the work to breathe, and for you to see the quality that matters.

Visual Note: The emerald accent (#10B981) you see throughout this page isn't just a brand color. It's our internal shorthand for "decision point"—a moment where the user must choose, and we need to guide them without shouting.

Field Notes & Constraints

High Density

Scenario: The Friday 5PM Email

"Can we launch Monday?" It happened with a local e-commerce client. Timeline pressure meant cutting the wishlist feature. Outcome: Focused on checkout speed instead. Conversion rate improved 12% in first week.

Common Pitfall

Over-designing for mobile. We see agencies build complex gestures for touch devices that 80% of users won't discover. Our fix: static, clear tap targets with immediate feedback.

Constraint in Play

Limited Budget: Client wanted a "unique" identity. We used a single geometric shape as a motif across the site, rotating it 90° for different sections. Cost: $0. Impact: Recognizable.

Typical Stack
PHP Tailwind Vanilla JS MySQL

When We Say "No"

If the timeline doesn't allow for proper QA testing.
If the client requests hidden text for SEO purposes.
If the primary goal is vanity metrics over usability.
If we can't explain the "why" to a non-designer.

Studio Note

"We don't sell websites. We sell the feeling that a user knows exactly where to tap next, even on a crowded bus."
— pixlixa Founder

Ready to Discuss Your Project?

We review portfolio fit, timeline, and budget alignment before the first call. If we can't help you, we'll tell you why.

Response within 24h
No sales pitch

No spam. Unsubscribe anytime.

pixlixa Calle 93B #13-44, Bogotá
+57 601 742 0777 Mon-Fri: 9:00-18:00