About Joppe — Designer & Developer based in Finland

Background picture of Joppe
(My story)

From curiousity to code

I've been hooked on computers since before I could tie my shoelaces — they've just always been part of my world. I started building websites around 2020, first with Wix, but drag-and-drop tools and I didn't really get along. I wanted speed, freedom, and full control. So I taught myself to code — HTML and CSS, then JavaScript, React, and eventually Next.js, which has felt like home ever since.

(My approach)

Design Thinking

I care deeply about what I do. Every project gets my full attention — from the first pixel to the last line of code. I'm constantly learning, constantly pushing myself, and I genuinely love this work. My inspiration comes from Awwwards, where design and development collide at their most ambitious. My goal is simple: build websites that are fast, beautiful, and impossible to ignore.

How it works

  • 01

    Discovery

  • 02

    Design

  • 03

    Development

  • 04

    Launch

Every great project starts with a conversation — I take the time to understand what you need, why it matters, and how to get there.

From there, I handle the rest. Design, code, and launch — all done with care and attention to detail.

Bridging design and development, I craft fast, purposeful digital experiences that look sharp and perform even sharper.

Design

UI/UX Design

UI/UX Design

Designing intuitive interfaces and seamless user experiences that balance aesthetics with functionality.

Visual Identity

Visual Identity

Building cohesive brand identities — from logo and typography to color systems and guidelines.

Component Design

Component Design

Building scalable design systems with reusable components that bridge design and development.

Web Design

Web Design

Designing visually sharp, responsive websites with a clear focus on performance and detail.

Prototyping

Prototyping

Creating interactive prototypes to validate ideas and test user flows before development.

Development

Frontend Development

Frontend Development

Building fast, accessible web applications with Next.js, React and TypeScript.

Animations & Interactions

Animations & Interactions

Implementing scroll-based animations, page transitions and micro-interactions with GSAP.

Performance & SEO

Performance & SEO

Optimizing Core Web Vitals, page speed and search visibility through clean, semantic code.

Responsive Development

Responsive Development

Ensuring pixel-perfect layouts across all devices — mobile, tablet and desktop.

Headless CMS

Headless CMS

Integrating Sanity CMS for flexible, structured content management.

(My Techstack)

Next.js
TypeScript
React
Vercel
TailwindCSS
Figma
Sanity
GSAP
Three.js
Inkscape