Skip to content

Work

Digital products shaped around real business needs.

A selected portfolio of shipped sites, product systems, prototypes and internal tools built with product and engineering discipline.

Selection of projects that we have been working on...

Own platform · Live

NOPO Labs platform

Our own bilingual site and the AI lead engine behind it: from a short chat brief to a researched website concept and a priced proposal, without manual steps.

Project detail

Problem

Turning an enquiry into a credible proposal usually takes calls, research and design time before the client has seen anything concrete.

Goals

  • Guide visitors through a short AI chat brief in English or Spanish.
  • Research the real business (website, public listing and web sources) without mixing it up with others of the same name.
  • Generate an art-directed website concept with its own imagery, scored by an automated review before it ships.
  • Send a bilingual proposal with a fixed price from our offer catalogue and an online deposit.
  • Run unattended: queued jobs, retries, time budgets, abuse limits and cost tracking.

What we measure

  • Time from brief to delivered concept and proposal
  • Concept quality score per run
  • AI cost per generated lead
  • Proposals that convert to a deposit

Technology

React · TypeScript · Tailwind CSS · Postgres · Row-level security · Serverless functions · Scheduled job queue · Multi-model AI gateway · AI image generation · Places data · Web research API · Sandboxed HTML rendering · Transactional email · Stripe payments

Formal case study · Built

Neutro Exteriores

Premium architectural and luxury outdoor showroom with bilingual presentation and interactive pavilion exploration.

Project detail

Problem

A premium outdoor-architecture offer is hard to sell with static photos: buyers need to picture materials, options and atmosphere before they get in touch.

Goals

  • Present the brand with a luxury, cinematic visual hierarchy in English and Spanish.
  • Let visitors configure a pavilion (structure, roof, glazing, floors, kitchen, lighting and more) through interactive hotspots.
  • Turn interest into qualified enquiries through a structured contact flow.
  • Be readable by search engines and AI assistants, with cookie consent and legal pages in place.

What we measure

  • Configurator sessions per visit
  • Enquiries sent after configuring
  • Load speed of image-heavy pages on mobile

Technology

React · TypeScript · Tailwind CSS · Server-side rendering · Interactive configurator · Smooth-scroll motion · Optimised WebP imagery · Postgres · Bilingual content · AI-search readiness

Formal case study · Built

Sharon Nolan Coaching

Executive coaching website with professional positioning, content management, Leadership Check-In and consultation journey.

Project detail

Problem

An executive coach's expertise was hard to evaluate online: no clear service path, no place to publish thinking, and no easy first step for a prospective client.

Goals

  • Position the coaching offer clearly for executives and HR teams.
  • Let the owner publish and edit articles herself with a rich-text editor.
  • Offer a guided Leadership Check-In as a low-commitment first step.
  • Make booking a consultation obvious from every page.

What we measure

  • Check-ins started and completed
  • Consultations booked from the site
  • Articles published without developer help

Technology

React · TypeScript · Tailwind CSS · Server-side rendering · Postgres · Authentication and roles · Custom CMS with rich-text editor · Responsive images · Consent-based analytics

Formal case study · Rebuilt

Cartoony

Migration and rebuild of an established illustration/design presence while preserving content, portfolio and brand.

Project detail

Problem

An established illustration and design studio was tied to an ageing WordPress site with plugins and external dependencies that made it slow and fragile to maintain.

Goals

  • Migrate every page, portfolio piece and asset without losing content.
  • Keep the original brand, typography and layout instead of redesigning it.
  • Present illustration, graphic design and custom T-shirt services clearly.
  • Host all media locally and remove third-party dependencies.

What we measure

  • Content and assets carried over
  • External dependencies remaining
  • Page load speed after migration

Technology

WordPress migration · React · TypeScript · Tailwind CSS · Static site · Self-hosted media · Portfolio gallery

Product system · Work in progress

Company Online Cockpit

Guided company-launch cockpit for SMEs with multi-tenant workflow, AI-guided setup and structured launch tasks.

Project detail

Problem

Launching a company's online presence is repeated work: the same setup steps are re-explained per client, tracked in scattered documents and easily lost between partner and client.

Goals

  • Turn the launch process into one guided workflow shared by partner and client.
  • Keep every client separated by tenant with role-aware access.
  • Use AI to prepare setup content instead of starting from a blank page.

What we measure

  • Setup steps completed without manual follow-up
  • Time from onboarding to live presence
  • Client actions completed without support

Technology

React · TypeScript · Tailwind CSS · Postgres · Row-level security · AI text generation

Prototype

ACTAS Pro

Meeting workflow turning recorder/transcript inputs into structured ACTAS documents with review and approval.

Project detail

Problem

Meeting minutes are written from memory or rough notes, arrive late and rarely follow the same structure or approval path.

Goals

  • Turn a recording or transcript into a structured draft document.
  • Keep human review and approval before any document is issued.
  • Standardise decisions, agreements and responsibilities in every document.

What we measure

  • Time from meeting end to approved document
  • Edits needed per generated draft
  • Documents following the agreed structure

Technology

React · TypeScript · Tailwind CSS · Speech-to-text · Structured AI output · Document export

Delivery workspace · Build

Projecto

Project collaboration and delivery workspace with roles, invitations and administrative controls.

Project detail

Problem

Client and project work is spread across chats, files and inboxes, so nobody has one reliable view of who is doing what.

Goals

  • Give each project one workspace with members, roles and invitations.
  • Separate client visibility from internal administration.
  • Make delivery status readable without asking for updates.

What we measure

  • Active projects tracked in one place
  • Invitations accepted without support
  • Status requests sent by email

Technology

React · TypeScript · Tailwind CSS · Postgres · Authentication and roles · Row-level security

Mobile-first operations tool · Build

Vozapp

Apartment maintenance and incident reporting with issue tracking, PDF reporting and multilingual flows.

Project detail

Problem

Maintenance issues arrive as phone calls, photos in chat threads and verbal handovers, so nothing is traceable and reports are rebuilt by hand.

Goals

  • Capture incidents on site, on a phone, with photos and structured fields.
  • Track each issue from report to resolution.
  • Produce a shareable PDF report without manual writing.
  • Work in more than one language for mixed teams.

What we measure

  • Incidents reported with photo evidence
  • Time from report to resolution
  • Reports produced without manual editing

Technology

React · TypeScript · Tailwind CSS · Postgres · Image storage · PDF generation

Rule system prototype · Prototype

Spain Bureaucracy Navigator

Guided questionnaire and visual rule system for navigating Spanish administrative scenarios.

Project detail

Problem

Spanish administrative procedures depend on expert knowledge held in people’s heads, so answers are inconsistent and hard to keep current.

Goals

  • Turn expert decision logic into a guided questionnaire.
  • Let rules be edited and simulated without touching code.
  • Show the user only the next relevant step.

What we measure

  • Scenarios resolved without expert intervention
  • Questions asked before a clear answer
  • Rule updates published without a release

Technology

React · TypeScript · Tailwind CSS · Rule engine · Postgres · Admin tooling

Mobile-first product · Prototype

Car Care Companion

Garage workflow for vehicle service history, rich media capture, structured reports and shareable car passport.

Project detail

Problem

Vehicle service history lives in paper folders and loose invoices, so garages repeat diagnostics and owners cannot prove how a car was maintained.

Goals

  • Capture each service with photos, video and structured fields.
  • Build a complete, ordered history per vehicle.
  • Give the owner a shareable record of the car.

What we measure

  • Services recorded with media evidence
  • Vehicles with a complete history
  • Time spent preparing customer reports

Technology

React · TypeScript · Tailwind CSS · Postgres · Media storage · Report generation

Privacy-first navigator · Prototype

Mind Path Finder

Anonymous multilingual support-resource navigator with temporary chat and safety triage.

Project detail

Problem

People looking for support face scattered directories, unclear language and forms that ask for identity before offering any help.

Goals

  • Guide someone to relevant resources without requiring an account.
  • Keep conversation state temporary by design.
  • Route sensitive situations with explicit safety boundaries.
  • Work in more than one language.

What we measure

  • Sessions reaching a relevant resource
  • Personal data stored per session
  • Safety-sensitive cases routed correctly

Technology

React · TypeScript · Tailwind CSS · AI conversation · Ephemeral session state · Multilingual content

Brand/site build · Build

El Tochar Fitness Club

Playful local-gym single-page site showing rapid custom brand and site execution.

Project detail

Problem

A local gym had no clear online presence: schedules, offer and contact details were only available through social posts and word of mouth.

Goals

  • Explain the club, offer and schedule on one focused page.
  • Give the brand a distinctive, playful character.
  • Make contact and sign-up obvious on a phone.

What we measure

  • Enquiries arriving through the site
  • Mobile visitors reaching contact
  • Page load and interaction speed

Technology

React · TypeScript · Tailwind CSS · Responsive single-page build