Kategorier
Design systems Interaction design Visual design

IF award 2022 winner

It took us quite some time but now it is out, Getinge’s GUIDE system gets prestigious design award in the categories User Interface & Product Interfaces

GUIDE is a design system for medical devices. The hardware and software have been designed together to create a complete toolbox that includes physical panels and a comprehensive design system with guidelines and coded components. The system was created for acute care environments where clinicians are working with an increasing number of advanced devices with very different interfaces.

GUIDE is an effort to make Getinges products not only look but also feel and behave the same way. That way is calm, clear and requires minimum attention so that clinicians can focus more on patients and less on devices.

My contribution to this is the visual design, interaction design and implementation via design thinking over serveral products and sites.

The response to GUIDE has been fantastic from our users.

Read more here

Kategorier
Design systems Interaction design Visual design Web

Forma — a design system for Brilliant


Forma is the design system behind Brilliant’s employee-experience platform — the shared components, tokens and patterns that turn survey data and people-analytics into interfaces people actually trust.

As Design Lead, I owned the system end to end: visual foundations, component vocabulary, and the documentation that lets product and engineering build confidently without asking permission first.


Overview

The source file holds 883 component families. The coded system holds 30.

That gap is the whole project. Most of those 883 were the same primitives re-exported once per state, per size, per icon weight. The work wasn’t building more — it was deciding what didn’t need to exist.

The foundations

Pine green is the only primary. Iris is a secondary accent, used sparingly. Everything else is greyscale.

The page background is sand, not white. Pure white is reserved for cards, so a card reads as lifted without a single shadow. Warmth does the work an elevation would otherwise have to do.

Border or shadow. Never both. Cards get a 1px grey-5 border and no shadow. Four shadows exist in the whole system, each with exactly one job: hover, click, box, dropdown.

One family, two weights. Mark Pro Book and Bold. No synthetic semibold — when a design seems to need a third weight, it usually needs a different hierarchy.

A data-viz palette fenced off from the UI. Six desaturated hues, six tints each, for chart series only. A survey result can never be mistaken for a button.

The library

Thirty components carry the product: buttons, inputs, selection controls, chips and badges, progress bars, tabs, breadcrumbs, pagination, step trails, response scales, banners, cards, modals, sidebar and topbar.

The icon set was the clearest win. Around 150 glyphs × 12 format/weight variants is 360 component families in Figma.

The part that isn’t components

A design system is also a tone of voice. Brilliant’s is clear (short sentences, no consultant fog), human (always ”you” and ”we”), secure (claims backed by results, not superlatives) and impactful (possibilities, not hype).

That turned out to be the hardest part to keep consistent — and the part that makes the components feel like one product rather than thirty.

Kategorier
Interaction design Web

Vibecoding

A bit of a nerdy word, perhaps, but surprisingly fun and useful. Over the summer, I’ve spent some time building two small sites.

One is dedicated to my highly subjective restaurant experiences, while the other is my attempt at creating a digital wine cellar, directly connected to Systembolaget.se.

Nothing groundbreaking, but I’ve had a lot of fun putting them together. Feel free to take a look at the results.

Feed Stockholm

Corked

Kategorier
Visual design

Esox Gear Packaging Design

Esox Gear Packaging
A bold, functional design that combines a clean black-and-white palette with a strong circular logo of crossed lures. Transparent windows showcase the product, while lure silhouettes reinforce brand identity. The result is packaging that feels authentic, practical, and instantly recognizable to anglers.

Kategorier
Beer Visual design

Deliverance

Deliverance – Amarillo Citra Pale Ale
A bright, refreshing pale ale brewed with Amarillo and Citra hops. Expect bold citrus and tropical fruit aromas, balanced with a crisp bitterness that keeps you coming back for more.

Crafted for explorers, wanderers, and those who crave the wild – Deliverance is your perfect companion whether you’re riverside, trailside, or simply unwinding after the journey.

Kategorier
T-shirts Visual design

Homage to music

I consume a lot of music. Here are some of my favorite bands condensed into one sentence

Kategorier
Interaction design Visual design Web

Curated Grapes by Herdiés and Friends

Overview

Curated Grapes is more than an online wine store—it’s a journey into the stories, people, and places behind each bottle. Designed to feel like an editorial magazine, the platform combines visual storytelling with a premium shopping experience, turning wine discovery into something personal and inspiring.

Logo explorations

Challenge

Most wine e-commerce platforms focus on price and variety but lack emotional engagement and context around the product. Wine lovers want more than a transaction—they want to connect with the story behind the bottle. The challenge was to design an interface that combines visual storytelling, product transparency, and usability in a seamless way.

Goals

  • Create an editorial-style layout that feels premium and immersive.
  • Highlight the winemakers’ personalities and philosophies through storytelling and imagery.
  • Simplify product discovery and shopping experience without sacrificing design aesthetics.
  • Build a sense of curation and trust that differentiates the brand from generic e-commerce sites.

Process

  1. Research & Insights
    • Analyzed high-end e-commerce platforms and editorial websites for inspiration.
    • Identified key emotional drivers for wine buyers: heritage, authenticity, and exclusivity.
  2. Concept Development
    • Defined visual identity: soft pastels, bold accents, and minimal typography to convey sophistication.
    • Planned modular sections for storytelling, winemaker profiles, and product showcases.
  3. Design Execution
    • Hero section with tagline and curated message to set the tone.
    • Winemaker stories with portraits, geographic maps, and quotes for authenticity.
    • Product cards with clear hierarchy: image → name → key details → CTA.
    • Integrated editorial elements like pull quotes and fact boxes to break up content and enhance readability.

Solution

The final design delivers a premium, immersive experience where users feel like they’re browsing a curated wine magazine.

  • Whitespace and clean grid structure create an elegant, easy-to-navigate layout.
  • Storytelling approach elevates the brand and builds trust.
  • Actionable design ensures product information remains clear and shopping frictionless.

Outcome (Concept Phase)

  • Successfully translated the brand’s vision into a design system for a future platform.
  • Received positive feedback on visual hierarchy, storytelling depth, and brand differentiation.
  • Next step: create e-com and prototyping for user testing and e-commerce integration.
Kategorier
Interaction design Visual design

Interactive table

At the European Congress of Radiology 2023, I had the opportunity to design and launch an interactive insights table tailored for radiologists.

The goal?
To create a space where radiologists could easily share insightspain points, and ideas—in real time.

What made it stand out:

  • User-friendly interface
  • Clean, modern design
  • Interactive experience that encouraged engagement
  • Valuable feedback from professionals across Europe

The response was overwhelmingly positive—many appreciated how intuitive and visually appealing it was. It sparked meaningful conversations and surfaced real challenges radiologists face daily.

Kategorier
Design systems Interaction design Visual design

Pulsiocare

Thrilled to share my first fully remote collaboration with the incredibly talented team in Germany!

I had the opportunity to contribute both visual design and interaction design for Pulsiocare — a cutting-edge solution that empowers clinicians from the OR to the ICU.

Pulsiocare provides a comprehensive view of a patient’s hemodynamic status, enabling real-time, data-driven decisions when they matter most.

Grateful for the experience and proud of what we’ve achieved together!

Read more about Pulsiocare

Kategorier
Design systems Interaction design Visual design

Servo-C

Proud to share the first product designed using our award-winning design system, GUIDE.
Collaborating with a multidisciplinary team, I contributed to both the visual and interaction design, ensuring a seamless and engaging user experience.

This project sharpened my skills in:

  • Cross-functional collaboration
  • Scalable design systems
  • User experience strategy

Read more about Servo-c

Kategorier
Visual design

Fishing rods for Esox Gear

In collaboration with Esox Gear, I developed the visual design for a series of fishing rods, emphasizing brand identity, color schemes, and graphic elements. The designs not only enhance the rods’ aesthetics but also align with Esox Gear’s commitment to quality and performance.

These rods are crafted to meet the high standards of anglers, combining functionality with visual appeal. The attention to detail in the design process ensures that each rod is not only a tool for fishing but also a statement of style and craftsmanship.