vectexo logo vectexo

The Geometry of Digital Clarity

We approach every project as an architectural challenge—finding the load-bearing walls of your business logic before applying any visual layer. Our studio operates on a simple but non-negotiable thesis: pretty is easy, functional is hard, and functional and beautiful is the only standard that matters.

Named after our Bogotá studio address, the 93B Methodology is a four-phase framework (Discovery, Structure, Surface, Performance) that ensures no step is skipped. We identify technical and business constraints before design begins, preventing the common pitfall of beautiful interfaces that collapse under real-world use. Trends fade; user behavior and business requirements are the immutable foundations we build upon.

The Stack We Trust (And The Ones We Don’t)

Technical decisions driven by constraints, not hype. Here is what we reach for, and what we leave behind.

Decision Logic
IF: Complex state management required
THEN: React (strictly justified)
IF: Performance is critical / Content driven
THEN: HTML5, CSS3, Vanilla JS
IF: Client needs CMS / Non-technical staff
THEN: Craft CMS or Headless Ghost
Glossary: Progressive Enhancement

We build core functionality that works without JS, then layer on enhancements. This is non-negotiable for accessibility and resilience. If a user can't access content because a script failed, we failed.

Pitfall: The "Latest Tech" Trap

Client requests for "latest tech" often mask a fear of being outdated. We solve business problems, not FOMO. WordPress is fine for a blog; it's a nightmare for a custom dashboard.

Maintenance Reality

Every project includes a 1-page "how to update this" guide. We don't hold clients hostage. You own the code. You own the keys.

From Calle 93B to Global Screens

Our studio sits on Calle 93B #18-12 in Bogotá's Chapinero district—a neighborhood known for its mix of traditional architecture and tech startups, mirroring our design approach.

We work in Colombia Standard Time but maintain overlap hours with both North American and European clients. Every project lead is fluent in both English and Spanish, preventing the translation errors that plague cross-border design projects.

Trade-off: Location & Value

Being based in Bogotá means we price in COP/USD mix. Our clients get premium quality at sustainable rates, and our team builds world-class products without relocating.

Map of Chapinero District
TECHNICAL GRID: CHAPINERO
Studio Workspace
DISCOVERY SPACE
Design Tools
SURFACE PHASE

What Happens Between Brief and Launch

Weeks 1-2: Discovery & Structure. We map user journeys and business goals. Deliverable: A clickable prototype that feels real but has zero visual polish.

Weeks 3-4: Surface & System. We apply visual design and build a component library. Deliverable: Full design system documentation.

Weeks 5-6: Build & Test. We code, integrate content, and run accessibility audits. Deliverable: Staging environment with full source code.

Client Involvement: You review prototypes on Tuesdays, design systems on Thursdays, and attend a 30-minute standup every Monday.

Scenario Vignette

"A New York fintech startup needed daily standups to keep momentum. We adjusted our schedule by 2 hours, delivered a 6-week MVP, and they never had to fly to Bogotá. The product launched on time, fully bilingual, with zero scope creep."

Constraint: Aggressive 8-week timeline, daily syncs required.
Trade-off: 2-hour daily shift for the team, zero off-site meetings.

The Work We Stand Behind

Specific project stories highlighting problem-solving over aesthetics.

La Marca Case Study
Load Time 4.2s → 0.8s
Tech Headless CMS
Case Study: La Marca

Coffee Export Bilingual Catalog

Challenge: Inventory changed daily, requiring a site that could handle real-time updates without a developer.

Solution: A headless CMS with automated API imports. We built a custom sync tool that pulls inventory from their ERP every morning.

Pitfall Avoided: "Many agencies suggested Shopify. We knew their complex variable pricing rules would require expensive plugins. Custom was cheaper long-term."
Case Study: FinTech Secure

Data Viz Dashboard

Challenge: Strict data privacy regulations (SOC2) meant we couldn't send sensitive data to a third-party charting library.

Solution: Static site generation with client-side encrypted data fetching. We rendered charts using SVG, keeping everything on the client.

Decision Lens: Speed vs. Security. We chose a slightly slower initial load (encrypted handshake) over a massive security risk.
FLOW
OLD
7 Clicks
High friction
NEW
3 Clicks
Direct access
Annotated pain points: "Wait for data load" → "Instant cached view"
Museo Virtual Case Study
Performance Metrics
LCP: 1.2s
Tech: WebP + Lazy
Case Study: Museo Virtual

Bogotá Museum Platform

Challenge: High-resolution images killed load times, causing users to bounce before seeing artifacts.

Solution: Progressive image loading with WebP and aggressive lazy loading. We served a blurred placeholder first, then the full res.

Our Guarantee: If a client can prove a feature we recommended doesn't improve their target metric, we'll rebuild that section for free.

Ready to build something that lasts?

We only take on projects where we can make a measurable impact. Let's discuss your constraints and see if there's a fit.

Start a Project