Hi, I'm Jonathan, a Berlin-based developer and designer specialising in creating interactive websites and digital products.
Produzentengalerie, a Hamburg-based art gallery, aimed to expand their reach by selling their art book collection online. I worked with the designers at Studio Laucke Siebein to develop an online bookshop as an add-on to the gallery's Wordpress website.
Special attention was given to building a custom checkout process that seamlessly integrated with the website's brand style guide and visual identity. The end result was a visually engaging and user-friendly online bookshop, enabling Produzentengalerie to showcase their collection to a wider audience.
Gemeinnützige GmbH des Projektevereins, a non-profit organization in Germany required a custom WordPress site that allowed them to manage their own content while maintaining a consistent and effective communication of their message to their audience.
Collaborating with the Munich-based design agency, Moby Digg, I developed a bespoke site optimised for performance, using a mobile-first approach to ensure accessibility on all devices. Advanced CSS techniques were used to create scrolling effects, image masking, and SVG animations, all optimised for a smooth user experience.
For Wikimedia Deutschland eV's participation at the re:publica and the "Day of Free Knowledge" 2019, I collaborated with a team of designers at All Codes Are Beautiful to develop a playful app aimed at engaging users and showcasing how they could support the world's largest knowledge project.
Throughout the development process, I worked closely with the team, incorporating their feedback at every stage, and ensured that the solution was tailored to their vision, resulting in an innovative and visually appealing end-product.
The positive feedback we received from the client was a testament to our commitment to delivering high-quality service and our dedication to meeting their unique needs and expectations.
As part of a collaboration with AFKM, I was tasked with developing an interactive site for the Wildnis exhibition at Schirn Kunsthalle. The exhibition explored the concept of wilderness in art, and the digital publication we created allowed visitors to experience the artworks in a unique and engaging way.
To ensure that the site was visually impressive, I implemented a range of custom animations, UI effects and image transitions. These elements were carefully crafted to provide visitors with an immersive and playful experience, while staying true to the exhibition's theme.
The GCU Copyright Advisor, developed as part of a collaboration with Worth Knowing Productions, was designed to help GCU staff and students navigate copyright issues in research and education.
The tool employs a hierarchical system of question and answer files in a single folder, with strict naming and structure for both simple and extended questions and answers. Internal links connect the files in a decision tree structure.
Markdown files were used for content management, allowing easy sharing and adaptation by others while promoting open access through a Creative Commons license.
Overall, the tool promotes open access and sharing of knowledge in the academic community and has been well-received by its intended audience.
For one of Italy's leading insurance brokerage companies I collaborated with Lost Conversation to create a multilingual knowledgebase that enables company employees to access information on policies, procedures, and products.
The solution involved developing a custom WordPress theme with a user-friendly interface to make it easy for employees to navigate and find the information they needed.
The resource was also designed to be multilingual, allowing employees to access information in their preferred language and has proven to be a valuable resource for improving efficiency and making information more accessible.
Collaborating with AFKM, I developed an interactive single page site for the Vasarely exhibition at the Städel Museum. The goal was to create an engaging and interactive digital publication that would allow visitors to explore Vasarely's artwork in a unique and memorable way.
The site's UI effects and animations play off the visual effects present in the artist's work and by paying careful attention to these details, we were able to create an immersive digital experience that was intuitive and engaging for visitors while complementing the stunning artwork on display.
Working together with AFKM I developed this interactive single page site for the Tizian exhibition at the Städel Museum. The project required a meticulous attention to detail to ensure that the interactive elements were seamless and intuitive.
Special attention was also given to performance and cross-device compatibility. The final result was a multilingual site in German and English, providing visitors with access to high-quality content that was both informative and visually appealing.
Together with Nagative Labs I helped to build a website that would serve as a marketing tool for Gohiring, a Berlin-based recruiting specialist and software company.
To achieve this goal, we developed a multilingual WordPress site, utilizing an extensive component library built by the design team. To streamline the development, we implemented a custom build script that allowed us to export components from the front end component library and import them into the WordPress theme seamlessly.
By creating a modular and flexible codebase, we reduced development time and ensured efficient use of resources. The resulting website was high-performing, eye-catching, and perfectly met Gohiring's specific needs.
Hochbach, an international metal packaging trader, required a user-friendly CMS to update their product portfolio, for it to be accessible in five languages and optimised for mobile devices. I built the website for the design team at Negative Labs to meet these needs.
To accomplish this, I used WordPress ACF and WPML to create a CMS with multiple language support, and the HTML & CSS from the front-end developer were converted into a mobile-responsive theme. Additionally, a deployment tool was implemented to make updates easy and reduce errors.
The resulting website was a success, meeting all of the client's requirements. It was accessible in multiple languages, optimised for mobile devices, and easy for the client to update.
For this project for Merz Akademie - University of Applied Arts, Design and Media, Stuttgart, I collaborated with the design team at Negative Labs. Working as the sole programmer on the project, I was responsible for building the website using WordPress, PHP, HTML, CSS, and jQuery.
The result is a multilingual website with a custom page builder tool that offers a variety of options for different types of content. Additionally, we integrated an intricate classification system that seamlessly connects different types of content. The website also boasts a modern UI design, with a focus on typography and images, which adds to the overall user experience.
To improve the user experience when searching and filtering through vast amounts of content, we incorporated advanced filters that prevent empty search results and encourage users to explore further. These features result in a more engaging and intuitive experience for visitors.
Soothing Shade is an International photography and illustration agency representing artists from around the world, and I had the privilege of developing their website in collaboration with Studio Krimm.
The site has an archive of agency-represented artists with portfolios and news sections, showcasing their work through high-quality images. Large file sizes for photography posed a challenge during site development, but the site was optimised to handle this.
We also added a unique feature that allows users to create a custom collection of images, reorder the images using drag and drop and save the resulting collection as a PDF. The resulting website provides a professional and tailored way for the agency to showcase their work to prospective clients.
As the developer for the Linternauta app, I had the privilege of collaborating with designer Alisa Goikhman and members of the University of Salamanca's research team, to create an innovative tool for the interpretation of cultural heritage linked with magic lantern slides. The app is intended to be part of a catalog of educational tools used by museums with the goal of promoting educational innovation, and enhancing the appreciation of this unique form of visual storytelling.
Collaborating closely with the designer, I transformed their designs into a user-friendly online application, that offers a unique and immersive experience for anyone interested in exploring the world of magic lantern slides and cultural heritage. This is achieved through the use of a controlled vocabulary developed by the research team after classyifing the slides featured in the archive. The application provides different levels of experience for users, from inexperienced viewers to expert lanternists.
Cash Analytics provide cash forecasting and reporting software designed to help users make informed decisions about their cash management strategy. Collaborating closely with a UX designer, I was responsible for the development of a new user-friendly and responsive interface for the software.
To achieve this, I utilised HTML, CSS, Bootstrap, and jQuery to implement a UI that featured enhanced data visualization, streamlined data entry and instant access to detailed information on specific areas of interest.
For their portfolio website I collaborated closely with the Onlab team to understand their vision and ensure that the design and functionality met their needs.
Using my knowledge of WordPress and responsive web design, I developed a custom theme that seamlessly integrated their branding and showcased their diverse portfolio in a user-friendly and visually appealing way.
Special care was given to design, typography, and UI details, resulting in a polished and professional website that effectively communicated Onlab's creative vision and expertise to potential clients.
In collaboration with Onlab.
Agencies I've worked with
If you have a digital project that you would like to discuss, I can help — from rapid prototype development through to UX research, architecture, design and build. Depending on the type of project I usually work in close collaboration with the client, taking care of each project phase or as a partner in a team focussing on one particular area. For project ideas or business inquiries please contact me by eMail