Hi, I'm Juli. I make the web a little better, one site at a time.
Front-end developer and team lead with a creative mindset. Working with AI to accelerate the development of websites and online stores on a modern stack: accessible, fast and designed to convert.
{
"name": "Juli Ramon",
"version": "—",
"role": "Front-End Team Lead",
"company": "La Teva Web",
"location": "Barcelona",
"stack": ["PHP", "WordPress", "Shopify",
"Laravel", "React"],
"motto": "Do what you love and do it always."
}A creative developer, curious by nature.
I'm a front-end developer on a mission to make digital products fancier and more valuable. I care about the details that make an interface feel fast, clear and honest.
Currently front-end team lead at LA TEVA WEB, where my team and I build websites and e-commerce for clients. Claude Code agents are part of how we work every day: they take care of the repetitive work, we review every diff and focus on craft.
In my spare time you'll either find me up in the mountains or exploring and documenting my surroundings, one post at a time (it's even been on TV).

v—
Years of age, updated every few milliseconds.
Barcelona
41.3874° N, 2.1686° E
Do what you love and do it often always.
What I can help you with.
From the first sketch in Figma to a fast, maintainable interface in production.
Websites & e-commerce
Corporate sites, online stores and everything in between. Shopify, WordPress or a custom React / Next.js build — whatever fits the business best.
- Shopify
- WordPress
- Next.js
Front-end team lead
I lead a front-end team: code reviews, shared standards, mentoring and planning, so we ship consistently good work.
- ✓Code reviewapproved
- ✓Standardsshared
- ✓Sprint planon track
Web performance
Core Web Vitals audits, image and bundle optimization and rendering strategies that make sites feel instant.
- LCPgood
- INPgood
- CLSgood
Front-end development
From Figma to production: accessible, maintainable interfaces with modern JavaScript, clean components and a design system that scales.
$ npm run dev
VITE ready in 184 ms
➜ Local: http://localhost:5173/Built with AI, reviewed by a human.
I work with Claude Code every day, orchestrating agents on the repetitive, multi-step work. I review every diff and focus on architecture, UX and quality.
> Add a size selector to the product page,
following our project conventions
● Agent explore · product page components
● Agent implement · size selector in VariantPicker
● Agent test · variant selection flow
● Run npm run build ✓
✓ 2 files changed · ready for reviewClaude Code
My main tool. I orchestrate Claude Code agents on well-scoped, multi-step tasks — scaffolding components, refactors, migrations, tests — and review every diff before it ships.
- Agents
- Diff review
- Refactors
Cursor
My editor. Codebase-aware chat and inline edits for the small, fast iterations that happen between bigger tasks.
- Editor
- Inline edits
Context first
Clear specs, project conventions and examples in, so AI produces code that fits the codebase.
Human in the loop
AI writes drafts; I own the result. Every change is reviewed, tested and understood.
Team adoption
I help my team work with AI too: shared conventions, reusable prompts and review practices.
More time for craft
Less boilerplate means more time for UX details, performance and the things users actually notice.
Tools I use every day.
A pragmatic toolbox: the right technology for each project, not the trendiest one.
- React
- Next.js
- JavaScript
- Vite
- Tailwind CSS
- Sass
- Shopify
- WordPress
- PHP
- MySQL
- Git
- Figma
- Claude Code
- Cursor
Where I've been building.
Present
LA TEVA WEB
Front-End Team Lead
LA TEVA WEB has been recognised as the second-best SEO agency in Spain. I lead its front-end team, building websites and e-commerce for clients — from Shopify and WordPress to custom React and Next.js builds. I've brought Claude Code and Cursor into our daily workflow, review code and keep quality and performance high.
- Team lead
- E-commerce
- Shopify
- WordPress
- React
- AI tools
2017 – 2021
Innoget
COO & Front-End Developer
Open innovation platform that connects companies with research centres, technology transfer offices and innovators. I developed the user and company profile system, and built landing pages and challenge portals for clients like Metalsa and Nomad Foods.
- Next.js
- React
- Tailwind CSS
- Sass
- jQuery
- Vanilla JS
- Open innovation
Side project
Escapadesenparella.cat
Founder & Developer
A guide to getaways for couples in Catalonia that has even been featured on TV. I design, build and maintain the platform, and document my surroundings one post at a time.
- Featured on TV
- Product
- Content
- SEO
Featured projects.
A selection of things I've designed, built and keep improving.
- 01
Escapadesenparella.cat
Content platform to discover getaways, cabins and plans for couples across Catalonia — it has even been featured on TV.
- Featured on TV
- Web platform
- SEO
Built withescapadesenparella.catNext.js · React · Tailwind CSS · Node.js · Express · MongoDB · Stripe · Google Maps
- 02
Favicon Generator
Drop in one image and get every favicon a modern site needs: PNGs from 16 to 512 px, a multi-size .ico, the HTML tags and a web manifest, zipped and ready to ship.
- Side project
- Tool
Built withTry it hereReact · Tailwind CSS · Canvas API · JSZip
- 03
Static SVG Animator
Turns any static icon into an animated SVG. Combine stroke drawing with motion, tweak it and copy a self-contained SVG with embedded CSS. Built for Tabler, Lucide and Feather icons.
- Side project
- Tool
Built withTry it hereHTML · CSS animations · JavaScript · SVG
- 04
Client work at LA TEVA WEB
Websites and online stores built with the team at the second-best SEO agency in Spain, focused on speed, clarity and conversion.
- #2 SEO agency in Spain
- E-commerce
Built withlatevaweb.comShopify · WordPress · PHP · Laravel · React
05This portfolio
A personal site built as a playground for layout, typography and animation — pair-programmed with Claude Code.
- Personal site
- Claude Code
Built withgithub.com/juliramonNext.js · React · Tailwind CSS · Sass
200+ projects shipped.
Websites and online stores delivered with my team, and the technologies behind them.
200+
Websites and online stores built and shipped.
6
PHP · WordPress · Shopify · PrestaShop · Laravel · React
Projects by technology
Share of the 200+ projects I've worked on.
| Technology | Share of projects | |
|---|---|---|
| PHP | 30% | |
| WordPress | 25% | |
| Shopify | 18% | |
| PrestaShop | 12% | |
| Laravel | 9% | |
| React | 6% |
Let's connect.
I enjoy meeting people who care about the web. Follow along, swap ideas about front-end, performance or design, or just say hi — I'm always up for a good conversation.
- Front-end
- E-commerce
- AI tools
- Team leadership
- Web performance