Projects

Showcase of recent projects. Knowing that the websites I build for my clients are helping them grow and become more successful is amazing.

screenshot of the website stephenanfield.com, a very simplistic and modern blog
  • Jamstack (Eleventy)
  • Custom design
  • Vanilla CSS
  • Vanilla JS

Stephen Anfield

Stephen found my template Eleventy-Excellent in the Eleventy starter directory and spontaneously wrote to me. He desired a central place to write down his thoughts - following the IndieWeb principle "own your data". He asked me to customize the starter - equally minimalistic, but according to his color and layout ideas. With a Figma wireframe and a little bit of jumpstart to work with the GitHub and Netlify workflow, Stephen is now very happy with his new online space, and I had an incredible amount of fun implementing a project with a client who knows and values accessibility, performance and progressive enhancement!

stephenanfield.com
screenshot of the website lamprecht-rechtsanwaelte.de
  • Jamstack (Eleventy)
  • Custom design
  • Tailwind CSS
  • Alpine.js & vanilla JS

Lamprecht Rechtsanwälte

This Law firm wanted to keep the design of the website that I had programmed for them back in 2015 with the CMS WordPress, but implemented with Jamstack. The previous design was only polished and improved in details, so that site visitors hardly noticed a difference - except in the better user experience. All routes were kept or were redirected so that the current rankings in Google were not affected. The website is now blazing fast and remains very successful.

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

Kanzlei Königstrasse

Customers were already familiar with WordPress, so this system was maintained. Design was delivered to me 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 started from scratch. Only the 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  inesalba.es
  • Jamstack (Eleventy)
  • Custom 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 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
screenshot of the website fundaciongoethe.org
  • Jamstack (Eleventy)
  • Custom design
  • Tailwind CSS
  • Custom 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. We started the relationship designing the programs of their concerts, the posters of the events and doing maintenance work on the page they had. We continue to collaborate with them maintaining the page, creating the events they organize and managing their social networks.

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

Alberto Ballesteros

Alberto is part of the family, so we 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. In addition to the website, we are responsible for the design and photography of the image of the new album.

albertoballesteros.com
screenshot of the website hno-marienplatz.de
  • Jamstack (Eleventy)
  • Custom 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. Thanks to the optimization, the website now performs much better in search engines.

hno-marienplatz.de
screenshot of the website ineliagestion.com
  • Jamstack (Eleventy)
  • Custom 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 malvadasardillas.com
  • WordPress (Timber)
  • Custom design
  • Tailwind CSS
  • Alpine.js & vanilla JS

Malvadas Ardillas

A record label from Madrid that required a space in which to show the activity of their artists as a cultural magazine. Both the label and their musical projects have a lot of personality and their own style, so the web design had to adapt to them and capture their essence.

malvadasardillas.com
screenshot of the website crispinaymolinilla.com
  • Jamstack (Eleventy)
  • Custom design
  • Tailwind CSS
  • Alpine.js & vanilla JS

Crispina y Molinilla

Crispina and Molinilla is a multidisciplinary project aimed at children. Entertain, amuse and educate is their philosophy. With their website I tried to represent all the vitality and dynamism of the project, creating an image that would be attractive both for children and for people interested in finding out about hiring them.

crispinaymolinilla.com