• 2025

    Tobias Haubold Consulting

    Code

    • A light blue wave on a dark blue background

      studio~humm

      Design + Code

      A studio website with case studies and a work archive. I introduced some animations as part of the identity. Make sure you check out the footer (my high score is 96,672).

    • A screenshot of a website showing a photo of people smiling and a whimsical aesthetic

      All on Board

      Code

      Website development for a language school based Berlin. I brought their identity to life with some subtle animations.

    • 2024

      Port Blue Sky

      Code

      • A stack of newspapers in tall grass

        County Highway

        Code

        An editorial site (designed by Pentagram). Creates user accounts based on Stripe purchases and tracks active subscriptions via a webhook.

      • PIM

        Design + Code

        • TSPA

          Code

          • 2023

            Applanga

            Code

            • Jekyll
          • IFB

            Code

            • A screenshot of a map showing various pin-points around Berlin

              Berlin Food Stories

              Design + Code

              Identity, website design and development for Berlin's leading authority on food. A curated map of the very best places to eat at, implemented with KirbyCMS and LeafletJS. An expressive identity for web and social media.

            • 2022

              Hello Social

              Design + Code

              • A table with bottle of beer and glasses

                Muted Horn

                Design + Code

                E-commerce site for the best craft beer bar in Europe. UX design of the shopping experience that allow users to search by style, brewery, and specific ingredients (yes, 'marshmallow' is one of the tags).

                • Snipcart
              • Expath

                Code

                • 2021

                  Soft Punk

                  Code

                  • Stripe
                • Future Days

                  Code

                  • 2020

                    Topological Materials Database

                    Design + Code

                    • Vue.js
                  • Graham Binnington Architects

                    Design + Code

                    A developer with an eye for design; a designer with a consideration for code.

                    I’ve been messing around with pixels and tags for more than of half my life having built my first website at the age of 14 (in 1999) with a cracked trial version of Macromedia Dreamweaver. My first love was Flash and the boundless plugin-dependent possibilities it promised. I’d spend days creating stuff for my own amusement and to simply learn new things. What I didn’t realise is that I was actually teaching myself the fundamentals of Motion Design and Javascript. Who’d have thought all those hours learning Actionscript and Greensock would still aid me many years later while coding this very website? Good call learning that one summer instead of going outside, weird little Jamie.

                    Nowadays I spend most of my time as a developer, building websites with a mostly-vanilla stack and have a strong preference for KirbyCMS.

                    Experience

                    With over 13 years of experience as an agency designer, I've worked with clients big & small in both England and Germany on branding, web, and app projects. Since 2017 I’ve been self-employed, initially working as a freelancer where I found a niche as a designer who can code and eventually switching to predominantly development. I’m now one-third of studio~humm, a brand design and web agency based in Berlin, where I work on full-stack projects as a solo-dev.

                    Proficiencies

                    Website Development

                    Frontend, Backend, Content Management Systems

                    Technical

                    HTML, CSS, Javascript, PHP

                    Toolkit

                    KirbyCMS, SASS, RollUp, Vite, GSAP, TaxiJS, Vue.js

                    Website Design

                    UX, UI, Interaction, Motion

                    Branding & Identity Design

                    Logo, Graphic, Print