I’m Elizabet, a designer who codes (and sometimes rhymes).

I love simplifying complex development workflows, sharing ideas on stage at tech conferences, and turning big ideas into joyful experiences.

  • Currently at ClickHouse (previously Elastic and Xata)
  • Speaker at tech conferences on design, code, and creativity.
  • Winner of “Fun Project of the Year” at React Day Amsterdam

featured_work

Designing for Scale: Building Xata’s Unified Web & Product Experience

Dev tools10 Ago 2025

In this project for Xata’s scale phase, I designed both the marketing website and the core product experience, focusing on creating a consistent visual and functional language across platforms. I built a unified design system using Tailwind CSS and Shadcn, enabling rapid iteration, cohesive branding, and a seamless transition between marketing and product. This approach not only streamlined development but also strengthened Xata’s brand identity as it grew.

Designing for Scale: Building Xata’s Unified Web & Product Experience

Building Elastic UI

Dev tools02 Set 2022

Most of the work as a designer at Elastic UI consists of maintaining, evangelizing, enhancing, and adding new components. I have been working on the Elastic UI team for 3 years now and I have been able to work on a lot of different components.

Building Elastic UI

A timeslider for Elastic Maps

Dev tools10 Ago 2021

During my time as the primary designer for for Elastic Maps, I had the opportunity to design a feature that had been eagerly anticipated by the GIS community - the Timeslider.

A timeslider for Elastic Maps

Designing an enhanced markdown editor for complex use cases

Dev tools20 Mai 2020

At Elastic, we needed a component that would allow writing technical content. This content could contain code, images, attached files, or even embeddable components.

Designing an enhanced markdown editor for complex use cases

Playground

Elizabet Oliveira - Fork This
0 sec

Press play button

Cassette tape interface visualizing the lyrics of my song "Fork This"

Hover the Xumbo

A Rive component that I built for an old xata.io website.

Need a hint?
Asterisk Icon
Rope

💡 Hint: Is this the most practical UI pattern? Probably not. But sometimes you gotta let creativity hang loose! 🎨

Sometimes the best ideas come with a little nudge. This interactive card hangs by a thread, ready to drop wisdom when you least expect it.

Interactive hanging card component with physics-based animations and contextual hints.