Arnau López selles's Work | ContraWork by Arnau López selles
Arnau López selles
pro

Arnau López selles

Product Designer & Dev. Building from Figma to App Store.

New to Contra

Arnau is ready for their next project!

I wanted to build the fastest MVP studio on the internet. So I built Stackd. Live site: stackd.codes (http://stackd.codes) · GitHub: github.com/lopezsellesarnau-cmd/stackd Stackd is a product studio that builds MVPs for founders in 4 weeks — design, development, and deployment under one roof. No agencies, no handoffs, no delays. It started as a personal brand problem. I had shipped 4 products solo in 12 months but no single place that communicated what I do and how fast I do it. Most agency websites look the same — generic grids, stock photos, vague copy. I wanted something that felt like a product, not a brochure. The site is built around a black editorial aesthetic — pure black background, DM Sans typography, #98D516 green accent, and a layout inspired by Linear and Stripe. Every section has a purpose: the hero communicates the value proposition in one sentence, the process timeline shows exactly how it works, the code and dashboard mockups prove it's real, and the selected work section lets the products speak for themselves. The mockup section was the most interesting design challenge — four live code windows showing a real Next.js API route, Flutter feed screen, a Gateflow dashboard, and two mobile phones side by side. Built entirely in HTML and CSS, no screenshots. The design went from Figma to live in one session. Deployed on Vercel, connected to the stackd.codes (http://stackd.codes) domain via Hostinger DNS. My process: Content strategy → Figma design → HTML/CSS build → Vercel deployment → DNS configuration → Live Stack: HTML · CSS · JavaScript · Figma · Vercel · DM Sans · DM Mono
0
2
Louvr Performance — Meta Ads Creative Intelligence Louvr Performance — Meta Ads Creative Intelligence Live: louvrlabs.com (http://louvrlabs.com) I got tired of opening Ads Manager every Monday without knowing what to do. So I built a system to fix that. Louvr Performance connects to your Meta Ads account via the official API, pulls creative-level performance data — spend, ROAS, CTR, frequency — ranks every active ad from best to worst, and delivers a weekly AI-generated report with three specific actions every Monday at 9am. Fully automated. It works for any Meta Ads account and uses Claude Sonnet by Anthropic to analyze performance patterns, explain why your best ad is working and why your worst is losing money, and generate a structured action plan based on real data — not templates. The dashboard has an editorial minimal look — white background, Lato typography, sharp borders, and a clean information hierarchy that makes complex ad data readable at a glance. This makes it easy for brands and agencies to know exactly what to scale, what to pause, and what to refresh — without spending an hour in Ads Manager every week. The system handles the full pipeline — Meta API authentication, creative data ingestion, Claude AI analysis, JSON parsing, email delivery via Brevo, and Stripe subscription billing. Weekly reports are scheduled via Make.com (http://Make.com) and arrive before the week starts. With Louvr Performance, any brand running Meta Ads gets a senior analyst in their inbox every Monday for €99/month. My process: Product concept → HTML/CSS/JS frontend → Python/Flask backend → Meta Ads API integration → Claude AI analysis → Make.com (http://Make.com) automation → Stripe billing → Supabase auth → Railway deployment → Live Stack: Python · Flask · Meta Ads API · Claude Sonnet (Anthropic) · Stripe · Supabase · Make.com (http://Make.com) · Brevo · Railway · Hostinger
0
8
I wanted to build an Airbnb for storage. So I built NOOK. Live app: TestFlight GitHub: github.com/lopezsellesarnau-cmd/nook-app NOOK is a two-sided marketplace where hosts rent out spare space — basements, garages, spare rooms — and tenants reserve it by the month. It works on iOS and uses Firebase for real-time data, Stripe Connect for host payouts, and Cloud Functions to process payments securely. The app has a clean editorial look — white background, Inter typography, 47px card radius, and a minimal black/white design language that makes listings feel premium instead of classified-ad cheap. This makes it easy for hosts to list their space in minutes and for tenants to browse, reserve, and pay without leaving the app. The app handles both sides of the marketplace — host identity verification via Stripe onboarding, reservation approval flow, real-time chat between host and tenant, and a full payment pipeline with service fees. It uses Firebase Cloud Functions as the backend so the whole thing runs serverless with no infra to manage. With NOOK, anyone with spare space can start earning in under 10 minutes. My process: Figma wireframes → Design system → Flutter screens → Firebase backend → Stripe Connect integration → Cloud Functions → TestFlight Stack Flutter · Firebase · Stripe Connect · Cloud Functions · Figma · Xcode
1
30
Gateflow — Client Onboarding SaaS for Agencies. Most agencies lose hours before a project even starts. Contracts in email. Briefs half-filled. Assets sent over WhatsApp. Ad account access requested days after kickoff. I built Gateflow to fix that. One link per client. They sign the contract, fill the project brief, upload brand assets, and connect their ad accounts — all from their phone. You track every step in real time from your dashboard and get notified the moment something is completed. No chasing. No follow-ups. No chaos. Built in 48 hours with Next.js, Supabase, Stripe, and Resend. Deployed on Vercel. → usegateflow.io (http://usegateflow.io)
1
35
SMASH — Padel Videos & Squads Built a short-video platform for the padel community from scratch. Solo — design, development, and deployment. What it does Players upload match highlights, discover other players, organise squads, and chat with teammates. Pro subscribers get advanced analytics, unlimited uploads, and a verified badge. How it was built Flutter for cross-platform iOS/Android. Firebase for auth, database, and storage. RevenueCat for subscriptions. Figma for the full design system — editorial black/white aesthetic, Inter typography, 3px border language throughout. The hard parts Navigating Apple's App Store review process solo — multiple rejection cycles covering UGC compliance, Sign in with Apple, in-app purchase configuration, and banking setup. Every rejection was a lesson in reading guidelines carefully and communicating precisely with reviewers. Stack Flutter · Firebase · RevenueCat · Figma · Codemagic · App Store Connect Status Currently in App Store review. TestFlight live.
2
1
63