Blog

AllTutorialCase study
Emotional and Functional UI Animations in React
Tutorial

December 2022 2 min read

Emotional and Functional UI Animations in React

Animation can make a huge difference in how users perceive a product. From visual feedback to status changes and even just a touch of fun. Animations give you a world of options.

Bulding Elastic UI
Case study

September 2022 5 min read

Bulding Elastic UI

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.

How to create a drooling cat animation
Tutorial

July 2022 4 min read

How to create a drooling cat animation

This is a very simple drooling cat animation created with React, Emotion, and Figma.

A timeslider for Elastic Maps
Case study

August 2021 5 min read

A timeslider for Elastic Maps

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.

Designing and building a Markdown Editor
Case study

May 2020 3 min read

Designing and building a Markdown Editor

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

A Segmentation tool to communicate with cinema audiences
Case study

June 2019 4 min read

A Segmentation tool to communicate with cinema audiences

As a solution to the issue of mass communication in cinema marketing, my team at Showtime Analytics created a segmentation tool that allows marketers to segment audiences based on their demographics, habits, and interests.

© 2022-present Elizabet Oliveira