Web Design & Framer Development

/Willi Peschel

Selected Work

A FEW DIRECTIONS ALONG THE WAY.

These projects capture different points in my development as a designer. Each follows its own visual direction, shaped by the project rather than a fixed style.

Selected Work

A FEW DIRECTIONS ALONG THE WAY.

These projects capture different points in my development as a designer. Each follows its own visual direction, shaped by the project rather than a fixed style.

Selected Work

A FEW DIRECTIONS ALONG THE WAY.

These projects capture different points in my development as a designer. Each follows its own visual direction, shaped by the project rather than a fixed style.

The process

FROM FIRST QUESTIONS TO A WEBSITE THAT EVOLVES.

Every project is different, but the thinking behind it stays consistent. We build clarity step by step, review decisions as we go and adjust when needed.

The process

FROM FIRST QUESTIONS TO A WEBSITE THAT EVOLVES.

Every project is different, but the thinking behind it stays consistent. We build clarity step by step, review decisions as we go and adjust when needed.

The process

FROM FIRST QUESTIONS TO A WEBSITE THAT EVOLVES.

Every project is different, but the thinking behind it stays consistent. We build clarity step by step, review decisions as we go and adjust when needed.

01

Discovery

Discovery is about understanding the current situation before deciding where to go next. Through a detailed questionnaire, a structured review and focused follow-up questions, we identify what isn't working, which messages are already there and what still needs to be clarified. The findings are brought together in a Discovery Summary, giving us a shared starting point for the strategy ahead.

01

Discovery

Discovery is about understanding the current situation before deciding where to go next. Through a detailed questionnaire, a structured review and focused follow-up questions, we identify what isn't working, which messages are already there and what still needs to be clarified. The findings are brought together in a Discovery Summary, giving us a shared starting point for the strategy ahead.

02

Strategy

Strategy is where early goals and ideas become a clear direction. Together, we revisit what emerged during Discovery, question what matters most and define what the website needs to achieve, which messages matter most and what should take priority. The outcome is captured in a Strategy Summary, giving us a shared foundation for the structure, content and design decisions that follow.

02

Strategy

Strategy is where early goals and ideas become a clear direction. Together, we revisit what emerged during Discovery, question what matters most and define what the website needs to achieve, which messages matter most and what should take priority. The outcome is captured in a Strategy Summary, giving us a shared foundation for the structure, content and design decisions that follow.

03

Design

Design begins with the information, not the decoration. I look at what we have, what is still missing and what each part needs to do. From there, I sketch and compare different structures, turn the strongest directions into digital wireframes and review them with you. Once the structure is agreed, I develop the chosen direction across all agreed pages, creating high-fidelity designs and defining the typography, imagery, spacing, interaction and responsive behaviour. A focused style guide brings those decisions together and creates a clear foundation for the build.

03

Design

Design begins with the information, not the decoration. I look at what we have, what is still missing and what each part needs to do. From there, I sketch and compare different structures, turn the strongest directions into digital wireframes and review them with you. Once the structure is agreed, I develop the chosen direction across all agreed pages, creating high-fidelity designs and defining the typography, imagery, spacing, interaction and responsive behaviour. A focused style guide brings those decisions together and creates a clear foundation for the build.

04

Build

Build turns the approved design into a complete, working website. I build every agreed page in Framer using the final content, reusable components and CMS collections where needed. Although the design is organised around desktop, tablet and phone, each layout is built to adapt smoothly at every width in between. Before launch, I test the website across devices and browsers, checking links, forms, interactions, CMS content, performance and accessibility basics. Anything that doesn't behave as intended is refined before the website moves into Launch.

04

Build

Build turns the approved design into a complete, working website. I build every agreed page in Framer using the final content, reusable components and CMS collections where needed. Although the design is organised around desktop, tablet and phone, each layout is built to adapt smoothly at every width in between. Before launch, I test the website across devices and browsers, checking links, forms, interactions, CMS content, performance and accessibility basics. Anything that doesn't behave as intended is refined before the website moves into Launch.

05

Launch

Launch brings the finished website online and makes sure everything around it is ready. After a final review and approval, I take care of the technical setup behind the launch, from registering and connecting the domain to page settings, analytics and the integration of provided legal content and consent tools. Once everything is in place, I publish the website and check it again under the live domain. You also receive clear guidance for managing your content and working with the CMS. This can be through a video guide, a call or both, depending on what works best for you.

05

Launch

Launch brings the finished website online and makes sure everything around it is ready. After a final review and approval, I take care of the technical setup behind the launch, from registering and connecting the domain to page settings, analytics and the integration of provided legal content and consent tools. Once everything is in place, I publish the website and check it again under the live domain. You also receive clear guidance for managing your content and working with the CMS. This can be through a video guide, a call or both, depending on what works best for you.

06

After Launch

Going live is where assumptions start meeting reality. Once the website is out in the world, we can begin to see how people actually interact with it and look at the metrics that matter to your business. Those insights give us a better foundation for deciding what works, what could be improved and where the website might need to evolve. Whether that means refining an existing section, adding something new or simply checking in when things change, the website doesn't have to stay exactly as it was on launch day.

06

After Launch

Going live is where assumptions start meeting reality. Once the website is out in the world, we can begin to see how people actually interact with it and look at the metrics that matter to your business. Those insights give us a better foundation for deciding what works, what could be improved and where the website might need to evolve. Whether that means refining an existing section, adding something new or simply checking in when things change, the website doesn't have to stay exactly as it was on launch day.

About me

A few things beyond the work.

I spend a lot of time thinking about websites, but thankfully not all of it. Outside of work, I like things that slow me down, get me away from a screen and let me enjoy the moment without worrying about whether something could be better.

About me

A few things beyond the work.

I spend a lot of time thinking about websites, but thankfully not all of it. Outside of work, I like things that slow me down, get me away from a screen and let me enjoy the moment without worrying about whether something could be better.

About me

A few things beyond the work.

I spend a lot of time thinking about websites, but thankfully not all of it. Outside of work, I like things that slow me down, get me away from a screen and let me enjoy the moment without worrying about whether something could be better.

Athlete winning a race
Athlete winning a race
Athlete winning a race
Coach explaining something to an athlete
Willis road cycling bike.

Road Cycling

(01)

I spend a lot of time on two wheels, usually on my own. There’s something about settling into a ride, letting the mind switch off and simply taking in what’s around me. Some days I take it easy, other days the ride home turns into a small challenge against myself. I enjoy the bikes just as much off the road. I can easily spend an afternoon in the garden cleaning them, replacing parts or changing something simply because I want to understand how it works.

Road Cycling

(01)

I spend a lot of time on two wheels, usually on my own. There’s something about settling into a ride, letting the mind switch off and simply taking in what’s around me. Some days I take it easy, other days the ride home turns into a small challenge against myself. I enjoy the bikes just as much off the road. I can easily spend an afternoon in the garden cleaning them, replacing parts or changing something simply because I want to understand how it works.

Game Nights

(02)

I have a growing collection of board and card games at home, and I love evenings where we jump between a few of them, talk, laugh and see where the night goes. Sometimes it's something quick, sometimes I try to convince everyone that Monopoly really is worth the commitment. There's something I like about how simple it is. A table, a few games and a group of friends is often more than enough for a really good evening.

Game Nights

(02)

I have a growing collection of board and card games at home, and I love evenings where we jump between a few of them, talk, laugh and see where the night goes. Sometimes it's something quick, sometimes I try to convince everyone that Monopoly really is worth the commitment. There's something I like about how simple it is. A table, a few games and a group of friends is often more than enough for a really good evening.

Handpan

(03)

Most evenings, I play without trying to learn a particular song or get somewhere with it. I usually start with a simple pattern, improvise from there and let the sound develop on its own. I like that there doesn't have to be an outcome. I can just play for a while, follow whatever comes naturally and, after a few minutes, everything else tends to fade into the background.

Handpan

(03)

Most evenings, I play without trying to learn a particular song or get somewhere with it. I usually start with a simple pattern, improvise from there and let the sound develop on its own. I like that there doesn't have to be an outcome. I can just play for a while, follow whatever comes naturally and, after a few minutes, everything else tends to fade into the background.

Camping

(04)

My favourite way to travel is pretty simple: a car, a tent and a few boxes with everything we need. There’s no strict plan and no hotel to get back to. We can stay somewhere for another day or pack up and move on whenever we feel like it. I especially like the slow parts—waking up to the sounds outside, making coffee on a small gas stove and ending the day under warm camping lights with nowhere else we need to be.

Camping

(04)

My favourite way to travel is pretty simple: a car, a tent and a few boxes with everything we need. There’s no strict plan and no hotel to get back to. We can stay somewhere for another day or pack up and move on whenever we feel like it. I especially like the slow parts—waking up to the sounds outside, making coffee on a small gas stove and ending the day under warm camping lights with nowhere else we need to be.

Cats

(05)

Last but definitely not least, my girlfriend and I adopted two cats from a shelter at the end of 2025. Both had a difficult past, so seeing them slowly feel safe, trust us and reveal their very different personalities has meant a lot to us. By now, they run the household, decide when work deserves a break and regularly remind me that not everything needs to be taken quite so seriously.

Cats

(05)

Last but definitely not least, my girlfriend and I adopted two cats from a shelter at the end of 2025. Both had a difficult past, so seeing them slowly feel safe, trust us and reveal their very different personalities has meant a lot to us. By now, they run the household, decide when work deserves a break and regularly remind me that not everything needs to be taken quite so seriously.

Structure.

Rhythm.

Clarity.

Tools

The tools I keep coming back to.

I like working with a small setup I know well. Each tool has a clear role, and for many projects I move into Framer quite early. Building while I am still thinking things through feels natural to me and helps me understand what actually works.

Tools

The tools I keep coming back to.

I like working with a small setup I know well. Each tool has a clear role, and for many projects I move into Framer quite early. Building while I am still thinking things through feels natural to me and helps me understand what actually works.

Tools

The tools I keep coming back to.

I like working with a small setup I know well. Each tool has a clear role, and for many projects I move into Framer quite early. Building while I am still thinking things through feels natural to me and helps me understand what actually works.

Framer

(01)

(main design & development)

Framer is where I design and build complete websites. Keeping design, responsive behaviour and development in one place means an idea can become a real, usable website without separating the two. It also lets me test interactions and subtle motion directly while the site takes shape.

Framer

(01)

(main design & development)

Framer is where I design and build complete websites. Keeping design, responsive behaviour and development in one place means an idea can become a real, usable website without separating the two. It also lets me test interactions and subtle motion directly while the site takes shape.

Framer

(01)

(main design & development)

Framer is where I design and build complete websites. Keeping design, responsive behaviour and development in one place means an idea can become a real, usable website without separating the two. It also lets me test interactions and subtle motion directly while the site takes shape.

Figma

(02)

(Design & Collaboration)

Figma was my main design tool for years, so I know it inside out. I still use it for early ideas, collaborative design work and projects that need a clear handoff to a team. Even as more of my work moves directly into Framer, Figma remains an important part of how I work with others.

Figma

(02)

(Design & Collaboration)

Figma was my main design tool for years, so I know it inside out. I still use it for early ideas, collaborative design work and projects that need a clear handoff to a team. Even as more of my work moves directly into Framer, Figma remains an important part of how I work with others.

Figma

(02)

(Design & Collaboration)

Figma was my main design tool for years, so I know it inside out. I still use it for early ideas, collaborative design work and projects that need a clear handoff to a team. Even as more of my work moves directly into Framer, Figma remains an important part of how I work with others.

Notion

(03)

(Planning & Organisation)

Notion keeps the practical side of a project in one place. I use it to plan tasks, collect content and notes, and organise client information, questionnaires and summaries. It stays with the project from start to finish, so decisions and next steps are always easy to find.

Notion

(03)

(Planning & Organisation)

Notion keeps the practical side of a project in one place. I use it to plan tasks, collect content and notes, and organise client information, questionnaires and summaries. It stays with the project from start to finish, so decisions and next steps are always easy to find.

Notion

(03)

(Planning & Organisation)

Notion keeps the practical side of a project in one place. I use it to plan tasks, collect content and notes, and organise client information, questionnaires and summaries. It stays with the project from start to finish, so decisions and next steps are always easy to find.

Zoom

(04)

(Calls & Presentations)

Zoom is where the important conversations happen throughout a project. I use it for introductions, design presentations, feedback rounds, workshops and handover calls. Speaking directly makes it easier to decide things together, clear up questions and keep the project moving.

Zoom

(04)

(Calls & Presentations)

Zoom is where the important conversations happen throughout a project. I use it for introductions, design presentations, feedback rounds, workshops and handover calls. Speaking directly makes it easier to decide things together, clear up questions and keep the project moving.

Zoom

(04)

(Calls & Presentations)

Zoom is where the important conversations happen throughout a project. I use it for introductions, design presentations, feedback rounds, workshops and handover calls. Speaking directly makes it easier to decide things together, clear up questions and keep the project moving.

Slack

(05)

(Project Communication)

Slack keeps day-to-day communication clear and organised. I use it for quick questions, project updates, shared files and feedback between calls. Keeping conversations grouped by project or topic makes it easier to stay on track without relying on long email threads.

Slack

(05)

(Project Communication)

Slack keeps day-to-day communication clear and organised. I use it for quick questions, project updates, shared files and feedback between calls. Keeping conversations grouped by project or topic makes it easier to stay on track without relying on long email threads.

Slack

(05)

(Project Communication)

Slack keeps day-to-day communication clear and organised. I use it for quick questions, project updates, shared files and feedback between calls. Keeping conversations grouped by project or topic makes it easier to stay on track without relying on long email threads.

YT Music

(06)

(currently playing)

YT Music is almost always running while I work. It helps me stay focused, settle into a flow and makes longer design or build sessions feel much easier. Most of the time, it simply becomes part of the background while I concentrate on what’s in front of me.

YT Music

(06)

(currently playing)

YT Music is almost always running while I work. It helps me stay focused, settle into a flow and makes longer design or build sessions feel much easier. Most of the time, it simply becomes part of the background while I concentrate on what’s in front of me.

YT Music

(06)

(currently playing)

YT Music is almost always running while I work. It helps me stay focused, settle into a flow and makes longer design or build sessions feel much easier. Most of the time, it simply becomes part of the background while I concentrate on what’s in front of me.

Placeholder