Danilo Buttafoco — UX/UI Designer & Developer based in Stockholm

{{ navTitleText }}
{{ w.text }}

UX/UI designer and developer building digital experiences with clarity, rhythm and detail.

Currently building Studio Klaro ↗︎

Scroll down
Chapter 01
Chapter 01

{{ w }}

It started before I knew what UX was.

In 2015 I started experimenting with websites, apps and visual identities – simply because I wanted to understand how digital things were made.

{{ f.alt }}
{{ f.label }} · {{ f.date }}

NoteRough, unfinished, kept exactly as they were – and years before any of this was my job.

I kept going.

Archive · 2015–2016
00 / 08 files · unedited
Chapter 01

Where it all started.

It started before I knew what UX was.

In 2015 I started experimenting with websites, apps and visual identities – simply because I wanted to understand how digital things were made.

{{ f.alt }}
{{ f.label }} · {{ f.date }}

NoteRough, unfinished, kept exactly as they were – and years before any of this was my job.

I kept going.

Chapter 02

Learning how it works.

Front-end development, KYH Stockholm. The ideas start getting structure.

Chapter 02

Learning how it works.

Front-end development, KYH Stockholm. The ideas start getting structure.

Chapter 03

Design became a process.

I already knew how to build interfaces. Now I wanted to understand the people using them.

UX design · KYH Stockholm · 2022–2024
Chapter 03

Design became a process.

I already knew how to build interfaces. Now I wanted to understand the people using them.

UX design · KYH Stockholm · 2022–2024
{{ st.n }}{{ st.label }}
Chapter 04

Then I got to do it for real.

Svea Solar
UX Designer Intern · 6 months

My first opportunity to apply the process inside a real product organisation.

Svea Solar's redesigned website shown on a laptop
Svea Solar · website redesignSee the case ↓
Chapter 04

Then I got to do it for real.

Svea Solar
UX Designer Intern · 6 months

My first opportunity to apply the process inside a real product organisation.

Svea Solar's redesigned website shown on a laptop
Website redesignSee the case ↓
Final chapter
Final chapter · Studio Klaro

{{ w }}

After years of designing and building products for others, I wanted to own the whole process.

Studio Klaro became the place where design, development, clients and delivery all came together.

Visit studioklaro.se↗︎

What started as curiosity in 2015 became my own studio in 2026.

Final chapter · Studio Klaro

Building my own.

After years of designing and building products for others, I wanted to own the whole process.

Studio Klaro became the place where design, development, clients and delivery all came together.

What started as curiosity in 2015 became my own studio in 2026.

Visit studioklaro.se ↗︎

Where to next?

{{ t }} Problem Flows Architecture
Act II

How I work today

From problem to product.

I move between UX, visual design and development – depending on what the problem needs.

Research · UX · UI · Code
01

Understand

Before designing anything, I need to understand the problem.

  • Who is struggling – and with what?
  • What does the business need to be true?
  • What can't change: tech, time, budget?
  • What are we actually trying to solve?
02

Structure

Complexity gets easier when you give it structure.

  • Flows – how people move through it
  • Architecture – what lives where
  • Navigation – how you find your way
  • Priorities – what matters first
03

Design

Structure gives it logic. Design makes it usable.

I use visual design to create hierarchy, clarity and confidence – not decoration.

From wireframes to components, states and polished interfaces.

WireframeSystemVisualInterface
04

Build

I don't always stop at the handoff.

Understanding how things are built helps me design better products – and sometimes, I build them too.

HandoffComponentsCodeResponsiveProduct
05

Ship

Then it has to work in the real world.

A product isn't finished when it's designed and built. It meets real users, feedback and constraints – and I like staying with it while it gets better.

UsersReal partners, real deals
Feedback“Can we filter by funder?”
IterationFunder filter shipped
ResultsWhat actually changed – then the next step
Fast Track — ApplicationsRecreated layout · placeholder data
12 col · 24 px gutter
03

Design

Structure gives it logic. Design makes it usable.

I use visual design to create hierarchy, clarity and confidence – not decoration.

Wireframe · hierarchy, flow, content
System · grid, components, states
Interface · Fast Track, recreated layout
04

Build

I don't always stop at the handoff.

Understanding how things are built helps me design better products – and sometimes, I build them too.

Components · navbar, tabs, cards, table, button
Component · illustrative
<Button variant="primary">
  Create new deal
</Button>
Implementation · design decisions become code
Responsive · the same components on a phone
05

Ship

Then it has to work in the real world.

A product isn't finished when it's designed and built. It meets real users, feedback and constraints – and I like staying with it while it gets better.

UsersReal partners, real deals
Feedback“Can we filter by funder?”
IterationFunder filter shipped

From problem to product.

That's how I like to work.

Danilo Buttafoco.
> ux/ui-designer & scrum master

I move between visual design, user experience, and code – and thrive when the different parts come together to form a clear, cohesive whole.

My experience
Download Resume
{{ e.role }}
{{ e.org }}·View studio ↗︎
{{ e.period }}
{{ w.text }}
{{ compHint }}
{{ g.num }} {{ g.title }}
{{ g.summary }} →{{ s.desc }}
{{ w.text }}
{{ p.tag }}

{{ p.title }}

{{ p.desc }}

{{ p.meta }}
Role: {{ p.role }}
View project↗︎
{{ p.index }}
{{ p.tag }}

{{ p.title }}

{{ p.desc }}

{{ p.meta }}
Role: {{ p.role }}
View project↗︎
{{ p.index }}
{{ p.title }}
{{ p.tag }}
{{ p.index }}
View project ↗︎
{{ p.tag }}

{{ p.title }}

Selected work

A selection of products, systems and digital experiences I've worked on.

{{ w.text }}

Get in touch if you'd like to talk about a project.

buttafocodanilo@gmail.com
© 2026 Danilo Carl Buttafoco