Jonathan Mullins

Selected Projects

Hi, I'm Jonathan, a Berlin-based developer and designer specialising in creating interactive websites and digital products.

Client
Type
Tech
Studio/Agency
Year
Produzentengalerie
Online shop, Product catalog
Woocommerce,
PHP,
TWIG,
ES6
Studio Laucke Siebein
2020

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.

Visit website

Projekteverein
CMS, Corporate website
Wordpress,
PHP,
jQuery,
AJAX,
SCSS
Moby Digg
2020

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.

Visit website

Wikimedia Deutschland
Multilingual CMS, Interactive Quiz
Wordpress,
PHP,
jQuery,
SCSS
All Codes Are Beautiful
2019

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.

View case study

Schirn Kunsthalle
Interactive single page website
Twig.js,
Gulp,
jQuery,
HTML,
CSS
AFKM
2019

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.

Visit website

Glasgow Caledonian University
Flat file CMS,
Interactive Q&A
Markdown,
AJAX,
HTML,
SCSS
Lost Conversation
2019

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.

Wide Group
CMS,
Knowledge base
Wordpress,
PHP,
jQuery,
AJAX,
SCSS
Lost Conversation
2019

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.

Städel Museum
Interactive single page website
Twig.js,
Gulp,
jQuery,
HTML,
CSS
AFKM
2019

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.

Visit website

Städel Museum
Interactive single page website
Twig.js,
Gulp,
jQuery,
HTML,
CSS
AFKM
2019

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.

Visit website

GoHiring
Mulitlingual CMS, Corporate website
Wordpress,
PHP,
TWIG
Negative Labs
2018

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.

Visit website

Hochbach
Mulitlingual CMS,
Product catalog
Wordpress,
PHP,
TWIG
Negative Labs
2018

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.

Visit website

Merz Akademie
Multilingual CMS,
Archive
Wordpress,
PHP,
jQuery,
AJAX,
SCSS
Negative Labs
2018

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.

Visit website

Soothing Shade
Portfolio,
CMS,
PDF generator
Wordpress,
PHP,
jQuery,
AJAX,
SCSS
Studio Krimm
2017

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.

Visit website

University of Salamanca
Multilingual CMS,
Archive
Wordpress,
PHP,
AJAX,
HTML,
SCSS
2017

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.

Visit website

Cash Analytics
Product dashboard, Data analytics
Bootstrap,
jQuery,
HTML,
SCSS
2016

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.

Visit website

Onlab Visual Communication
Agency portfolio,
CMS
Wordpress,
PHP,
HTML,
CSS
Onlab
2013

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

CodeControl
Moby Digg
Squareball
Ape Unit
Little Web Giants
All Codes Are Beautiful
Cantilever
Negative Labs
Studio Laucke Siebein
Studio Krimm
Onlab Visual Communication
AFKM
Taylor Flynn

Selected Clients

Planet.com
Careship
Wikimedia Deutschland
Schirn Kunsthalle - Frankfurt
The Städel Museum - Frankfurt
Musée des beaux-arts du Locle
Produzentengalerie Hamburg
Merz Akademie - University of applied Arts, Media and Design
Glasgow Caledonian University
University of Salamanca
GoHiring
Infarm
Soothing Shade

Enquiries

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

Development

  • HTML5
  • CSS3
  • PHP
  • MySQL
  • Wordpress
  • Javascript
  • React.js, Gatsby

Design

  • UI Design
  • UX Design
  • Web Design
  • Interaction Design

This website does not use cookies.

2023  |  

Impressum