Projects

Some of my latest projects. I want to make the web a little better: For the people and organizations I work with, for their users and for our planet.

Screenshot of the website data-bene.io, taken from the above the fold area on a desktop. The hero section features the menu and an illustration of a fern leaf. Main title: Database, done right.
  • Eleventy
  • HTML, CSS & JS

data-bene.io

I developed the Data Bene website using Eleventy 3.0, based on Eleventy Excellent. Design was provided. The website is fully bilingual, supporting both French and English languages. Data-Bene specializes in providing expert PostgreSQL services, offering a range of solutions from system design and database architecture to technical support and consulting.

data-bene.io
screenshot of the website cantautor.es
  • Eleventy
  • HTML, CSS & JS

cantautor.es

cantautor.es is a joint personal project with Daniela Grau. We want to give Spanish singer-songwriters more attention, having created a place where you can listen to excerpts of selected songs. Being based on a Spotify playlist, we have a lot of plans for this project: In the long run, we want to make it independent of large providers and support the artists themselves instead.

cantautor.es
screenshot of the website badwebsites.rip
  • Eleventy
  • HTML, CSS & JS

badwebsites.rip

Together with my friend, Berlin-based designer Daniela Grau, I develop websites that think about their visitors while keeping in mind the core values that make the web a good place to be. We focus on understanding and solving individual problems, combining creativity with strategy. Our goal is to make the web more beautiful and empathetic for everyone. badwebsites.rip is our space, which we continue to shape and expand.

badwebsites.rip
screenshot of the website estherzecco.com
  • Eleventy
  • Custom Design
  • HTML, CSS & JS

Esther Zecco

Esther Zecco is a singer/songwriter from Segovia with influences from American folk and country. We worked together on the concept of a very modern and simple website where she can present and sell her CDs (through Stripe Checkout), show her upcoming concerts and share updates and thoughts with her fans through the blog. The page is based on the Eleventy starter "Eleventy Excellent".

estherzecco.com
screenshot of the website  inesalba.es
  • Eleventy
  • Design
  • Tailwind CSS
  • Vanilla JS

Inés Alba

Inés is an actress, singer and dubbing artist. These multiple talents needed to be represented on the website as well. At the same time, I wanted to reflect the actress' convertibility, which is why the website has a clear and simple structure. Inés is a cheerful and positive person, it is particularly easy to work with her. This quality is also captured by small playful accents and colours.

inesalba.es
screenshot of the website anzlei-koenigstrasse.de
  • WordPress with ACF, Gravity Forms, WPML
  • Tailwind CSS
  • Custom minimal vanilla JS

Kanzlei Königstrasse

Due to editors being familiar with WordPress, this system was maintained. Design was delivered as a Figma workspace. The English section has been expanded and unnecessary auxiliary plugins have been reduced to a minimum. All necessary functions are provided by the theme itself. There was a lot of technical debt, which is why I built everything from scratch. Existing contents were imported, then sorted into appropriate custom post types (previously all contents were unsorted in 'pages'). A lot of restructuring was done and formerly independent routes were sorted into superior areas. All changed routes were stored as redirects.

kanzlei-koenigstrasse.de
screenshot of the website fundaciongoethe.org
  • Eleventy
  • Design
  • Tailwind CSS
  • Vanilla JS

Fundación Goethe

The non-profit foundation seeks to create socio-economic links between Germany and Spain through culture. I have been working with them for many years. I started working with them many years ago designing the programs of their concerts, the posters of the events and doing maintenance work on the page they had. I continue to collaborate with them maintaining the page.

fundaciongoethe.org
screenshot of the website albertoballesteros.com
  • Jamstack (Eleventy, Stripe)
  • Design
  • Tailwind CSS
  • Alpine.js & vanilla JS

Alberto Ballesteros

Alberto is part of the family, so I played at home with this project. The website, created with the Jamstack method (Eleventy, Netlify, Stripe), had to represent the dynamism, strength and electricity of the singer-songwriter's new album. The website has a shop to sell records and other merchandising products.

albertoballesteros.com
screenshot of the website hno-marienplatz.de
  • Eleventy
  • Design
  • Tailwind CSS
  • Alpine.js & vanilla JS

HNO Marienplatz

The website of the Munich ENT clinic of Dr. Kothe was redesigned to achieve a clear, confidence-inspiring feel. The site was previously running WordPress. The relaunch went smoothly and without any loss of rankings.

hno-marienplatz.de
screenshot of the website ineliagestion.com
  • Eleventy
  • Design
  • Tailwind CSS
  • Alpine.js & vanilla JS

Inelia Gestión

A tax, labor and commercial consultancy in Madrid. They did not have a website before. They wanted to be represented as an experienced and professional agency but far from the traditional serious tone.

ineliagestion.com
screenshot of the website reder162012.org
  • WordPress with ACF
  • Custom design
  • Tailwind CSS
  • Custom vanilla JS

REDER

Reder is a coalition of NGOs, collectives, movements, organisations and individuals that campaigns for universal access to healthcare in Spain and denounces exclusion in the healthcare system. This site is all about performance and accessibility, helping visitors - in many cases socially excluded people such as refugees - to find their way around quickly. The system font stack is used to contribute to performance. Only five plugins are activated on the site: Advanced Custom Fields PRO, Akismet Anti-Spam, SiteGround Security, WP Rocket Pro and Yoast SEO.

reder162012.org