pro
Berckan Guerrero
14+ years building fast, accessible websites. AI Friendly.
- $1k+
- Earned
- 3x
- Hired
- 5.00
- Rating
- 9
- Followers
INCLUDE: Luxury wellness brand site with video-first marketing. HLS adaptive bitrate streaming via CloudFront CDN for zero-buffer playback across all devices and connection speeds. Accessible video player with poster frames, mute/unmute controls, and mobile-safe autoplay.
Hybrid architecture: Webflow handles the editorial frontend with pixel-perfect design freedom, Shopify handles transactions and checkout. No traditional theme constraints. Full GDPR compliance with European consent management.
Core Web Vitals passed: LCP 1.7s, CLS 0, FCP 1.0s, TTFB 0.4s. Lighthouse SEO 100. Webflow, Shopify, HLS.js, CloudFront, AWS. Delivered at Yumeda Studio.
1
147
LOVEDIS: B2B partnership platform connecting startups with enterprise organizations for collaborative innovation challenges in Germany. 140+ dynamic Storyblok components with 166 CMS schemas, all built from a multi-layered Figma design system with pixel-perfect implementation.
Automated Figma-to-code workflow with schema synchronization scripts and asset upload pipelines. Anime.js parallax scroll effects and smooth page transitions. Full German/English localization with content-managed multilingual routing.
Nuxt 4, Vue 3, Storyblok, TypeScript. Zero hardcoded content: every text, image, and layout variation is editable from the CMS. Delivered at Yumeda Studio.
1
150
SpeedDoc: AI-powered web performance optimization tool that scans websites, diagnoses bottlenecks, and generates ready-to-implement fix code. Not generic Lighthouse advice: actual code patches developers can copy and apply directly to their codebase.
Built as part of a Vercel AI Accelerator application. Scans run against live URLs, identify specific performance issues (render-blocking resources, unoptimized images, layout shifts), and return targeted fixes with before/after impact estimates.
Next.js 16, TypeScript, Tailwind 4, Vercel. Personal project.
1
154
Raven: AI-powered knowledge management app with notes, tasks, and built-in streaming chat. 34 components, 25 composables, 13 Supabase PostgreSQL tables with Row Level Security policies on every table. 12 AI functions including streaming responses, voice input, and automatic conversation titles via Gemini.
Full i18n (EN/ES) with offline support and sync queue for unreliable connections. Real-time CRUD, folder organization, and workspace-based content separation. Auth via Supabase with RLS enforcing data isolation between workspaces.
Nuxt 4, TypeScript strict mode, Supabase (PostgreSQL, Auth, Storage). Custom instance deployed for a private client with ongoing development.
1
157
Fitpace: Webflow to Shopify migration preserving complete design fidelity from the original mockup. 127 custom sections built on Dawn 15.x with a layered CSS architecture (base, carry-over, custom) to maintain the original visual language while gaining full Shopify OS 2.0 merchant editability.
Interactive insole finder quiz for personalized product recommendations. Custom cart drawer with third-party app integration. Swiper.js touch carousels optimized for mobile. 59 language locales.
Core Web Vitals passed in field data: LCP 1.7s, INP 162ms, CLS 0.02. 100% content editable from the Shopify admin. Shopify OS 2.0, Liquid, Vanilla JS. Delivered at Yumeda Studio.
1
74
Valsole: Premium orthopedic footwear e-commerce with an interactive 3D product viewer built in Spline, including WebGL fallbacks for mobile devices. GSAP scroll-triggered animations throughout the purchasing journey with zero impact on Core Web Vitals (LCP 2.3s mobile, 1.6s desktop, CLS 0).
58 custom Shopify sections with full merchant control. Metafield-driven color gallery system lets the client update product visuals without code changes. 32 locale support. Custom cart drawer with third-party app integration.
Shopify OS 2.0, Liquid, GSAP, Spline 3D. Webflow design translated into a fully dynamic, editable Shopify theme preserving complete visual fidelity. Delivered at Yumeda Studio.
1
78
THE SPOT: maintenance and DevOps for Germany's leading film industry news platform, built on WordPress with Elementor and Restrict
Content Pro. Tiered membership system with premium content gating across 13 industry categories.
Built custom PHP plugins for automated VAT calculation and invoice generation supporting 193 countries. Bulk invoice tools for
administration. Dynamic test environments with up to five parallel staging copies and blocked outgoing email.
PageSpeed improved from 54 to 99 (desktop). GTmetrix from C (74%) to A (93%). Cloudflare CDN/WAF integration, security hardening,
privacy-first YouTube embeds, and zero-downtime server/domain migration. Delivered at Yumeda Studio.
1
82
Partspace: B2B SaaS marketing website for an AI-powered procurement platform. 100+ reusable Storyblok components with 166 CMS schemas, giving the marketing team full editorial control without developer involvement. Real-time commodity pricing dashboards pulling live data from the FRED API (Federal Reserve Economic Data).
Strict Content Security Policy with enterprise-grade security headers. Full English/German localization with 8 dynamic sitemap variants. Rive animations for interactive product demos. Dockerized development environment.
Nuxt 4, Vue 3, Storyblok, TypeScript. LCP improved from 32.3s to 2.0s on desktop. Cookiebot/GTM consent management for GDPR compliance. Built at Yumeda Studio.
1
88
Pulso (https://heypulso.com): Marketing and sales website for a web health monitoring service targeting small businesses in Latin America and Europe.
Astro 5 static site with Stripe integration (EUR, USD, CLP), geolocation-based currency detection, and Resend API for transactional emails. Trilingual (ES/EN/FR).
Four user flows in one site: email campaign recipients see personalized context, organic visitors get a free check CTA, salespeople share payment links, self-service users browse pricing and buy.
Contact form via Resend API. Conditional hero based on referral source. 6 pricing tiers from free reports to monthly maintenance. Tone calibrated for Latin American SMBs.
Stripe for subscriptions and one-time payments. Currency auto-switches via visitor geolocation.
1
173
Pulso (https://heypulso.com): Prospect intelligence platform that scans 28,000+ websites, scores them across 15 health metrics, and manages outreach from discovery
to conversion.
Scanner engine audits domains: SSL, performance, security headers, vulnerabilities, malware detection, SEO, accessibility. Each domain scores out of 100.
Operations dashboard with prospect tables, inline notes, contact popovers, archiving, AI-generated outreach emails, and detail panels with color-coded health breakdowns. Role-based auth.
Automated outreach generates custom reports per prospect via API with actual scores and recommendations.
14 years of web maintenance and optimization went into the scoring logic. Every check reflects real patterns found across hundreds of sites.
40,000+ domains. 15 metrics. Sub-second queries. Under €5/month infra.
1
185
¿Dónde Están?: Full-stack memorial platform aggregating nearly 9,000 source records from Chile's military dictatorship across 3 sources. Python async ETL pipeline with fuzzy matching achieves 99% deduplication accuracy, resolving them into 3,216 unique victim profiles. AI-powered image restoration using Real-ESRGAN and GFPGAN recovers detail from low-resolution archival photographs.
Supabase PostgreSQL backend with 63 migrations and Row Level Security on every table. Full-text search with Spanish stemming and unaccent handling. SHA-256 change detection for incremental sync.
Nuxt 3, Vue 3, TypeScript. The first platform in Latin America to unify dictatorship victim records with AI-restored historical photographs.
1
67
Personal portfolio built with Astro 5 and Vue 3 using Islands architecture. Only interactive components ship JavaScript, everything else is zero-JS static HTML. Project data lives in TypeScript files with no CMS or external API calls at build time.
Trilingual (EN/ES/FR) with custom i18n routing and per-locale static generation. Lazy-loaded video previews with intersection observer playback and WebP poster frames. Mouse-following parallax effect on project cards with reduced-motion support. Full dark mode with system preference detection and manual toggle.
Perfect 100 across all four Lighthouse categories (Performance, Accessibility, Best Practices, SEO). 72% asset reduction (97MB ‚Üí 27MB). WCAG AA compliant. Playwright E2E testing across all routes and breakpoints.
1
63