**My Role**\
Creative Direction\
Product Design\
Data Visualization\
Prototyping

[\*](https://www.informationisbeautifulawards.com/showcase/5802-global-voluntary-carbon-market)*[Long Listed in Information is Beautiful Awards 2022, Places, Spaces & Environment Category](https://www.informationisbeautifulawards.com/showcase/5802-global-voluntary-carbon-market)*

Wovoka is the transparency and insights layer to the voluntary carbon market. As the only designer on the small team, I re-designed Wovoka's Tableau data dashboard on carbon offset issuances and retirements into a modern, interactive dashboard.

Built for corporate sustainability teams, project developers, or offset inventors to make better decisions, the platform can be used to explore different sides —aspects (location, type or technology, registry, vintage year, project developers)— of the \~1.8 billion carbon offset issuances from the top 4 international registries.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FhCKF1gkFEUcbeKTPKVa17xYvzwF2%2FEUygXwRLUTRlXUTXdbyl%2F37c8e6ed-10ef-45e6-bd89-87b1e609af06.png?alt=media&token=b5008148-c469-4e52-8bdf-3e49c63c4d95","id":"37c8e6ed-10ef-45e6-bd89-87b1e609af06","width":2600,"height":2058,"filename":"W1w.png","type":"image/png","caption":"","border":false}]}
```

### **Vintage vibe**

A carbon offset's “vintage” is the year the emission reduction project happened which generated the offset credit. During the redesign, I did minimal changes to the layout of each chart section but to play on the term “vintage”, I applied an old style feel to the design elements. Keeping a strong focus on readability, I used a serif font ([Source Serif Pro](https://fonts.google.com/specimen/Source+Serif+4)) with a classical feel for the titles and paired it with a crisp san-serif font ([Sora](https://fonts.google.com/specimen/Sora)) for numbers and values. On colors, I added Thistle purple and Linen gray to blend and also contrast with Wovoka’s dark emerald green.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FhCKF1gkFEUcbeKTPKVa17xYvzwF2%2FEUygXwRLUTRlXUTXdbyl%2F9a161e9b-3f9d-4288-816f-19d448b6a3d1.png?alt=media&token=178147a5-e1f3-4855-a0c6-ebd9dfdd3e94","id":"9a161e9b-3f9d-4288-816f-19d448b6a3d1","width":2660,"height":2104,"filename":"W6w.png","type":"image/png","caption":"","border":false}]}
```

### **Showing all sides**

A hexagon is used to represent 1 ton of CO2e (CO2e is a measurement of the total greenhouse gases emitted). It is the most common shape in nature, having equal sides it fills a space with no gaps in between. This shape is used throughout the app, on map symbols, bar charts, and scope tags.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FhCKF1gkFEUcbeKTPKVa17xYvzwF2%2FEUygXwRLUTRlXUTXdbyl%2F6ebbb988-0726-437a-b2e7-aa2bc572d006.png?alt=media&token=7ea89d8a-cd69-480a-baa1-27467d0eaeda","id":"6ebbb988-0726-437a-b2e7-aa2bc572d006","width":2600,"height":2058,"filename":"W2w.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FhCKF1gkFEUcbeKTPKVa17xYvzwF2%2FEUygXwRLUTRlXUTXdbyl%2F50fcd68d-741e-4a44-a70e-0e693d605034.png?alt=media&token=99fa08b6-2a93-46f4-9b7d-185f36c196ca","id":"50fcd68d-741e-4a44-a70e-0e693d605034","width":2660,"height":2104,"filename":"W3w.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FhCKF1gkFEUcbeKTPKVa17xYvzwF2%2FEUygXwRLUTRlXUTXdbyl%2F4b31ead5-ef86-4c38-b706-67054282982b.png?alt=media&token=844f654e-8245-4d51-b6a9-bf87950e4cdb","id":"4b31ead5-ef86-4c38-b706-67054282982b","width":2660,"height":2104,"filename":"W7w.png","type":"image/png","caption":"","border":false}]}
```

### **Filter as another way**

To further enhance user experience, I created a fullscreen overlay filter screen as an additional option for users to drill down the data.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FhCKF1gkFEUcbeKTPKVa17xYvzwF2%2FEUygXwRLUTRlXUTXdbyl%2Febdec1fb-ecb0-45b1-b5c7-8392bde59278.png?alt=media&token=e653f22b-2a0c-43de-8ea7-10afb6403466","id":"ebdec1fb-ecb0-45b1-b5c7-8392bde59278","width":2660,"height":2104,"filename":"W4w.png","type":"image/png","caption":"","border":false}]}
```

Within the first month of the launch, this generated \~100 sign-ups to view the platform.

Exploring sides of the voluntary carbon market

UI/UX/Data Designer

Re-designed Wovoka's data dashboard on carbon offset issuances and retirements into a modern, interactive web app.
· Environment · Data Visualization
🌏

Re-designed Wovoka's Tableau data dashboard on carbon offset issuances and retirements into a custom-designed modern, interactive dashboard.

Read the [case study →](https://read.cv/ena/exploring-sides-of-the-voluntary-carbon-market)

· Environment · Creative Direction · Product Design · Data Visualization · Prototyping \
🌏

Designed the web app that analyzes and disseminates climate risk information based on collected and digitized data from the Province of Oriental Mindoro. This app assists the local government in making data-driven decisions and policies to enhance the adaptive capacities of local communities in response to climate change impacts. 

Aside from creating the user interface of the tool, I also designed illustrations to explain how we defined and determined risk.\
\
· Environment · Creative Direction · Data Visualization · Prototyping\
📍Oriental Mindoro

Illustrating climate risk data

Redesigned and developed the Shopify e-commerce store of a Marikina-based local enterprise that makes specialty bags and accessories out of waxed canvas.

· Social Enterprise · Web Design · E-commerce · Shopify · Liquid
📍Marikina

Shopping thru colors

Redesigned and coded the official website of MAFI-- an organization dedicated to empowering the indigenous tribes and other upland dwellers surrounding Mount Apo.\
\
· Culture and Environment · Web Design · Wordpress 📍North Cotabato

Drawing a digital path for cultural preservation

Designed and developed the Shopify e-commerce store of a Cebu-based social and cultural enterprise working on elevating Filipino culture through circular design and community enterprise building of local artisans.

· Culture and Environment · Web Design · E-commerce · Shopify · Liquid
📍Cebu

Making Filipino weaves accessible

Conceptualized and organized an art-led reforestation project called Future Forest with MAD Travel and Gouache Bags \
\
· Environment · Campaign \
📍Zambales

Imagining a livable environment for everyone

Redesigned the website + brand refresh. Together with the marketing team, we set the creative direction and foundations for the building of the design system for digital platforms.

· Data Science · Web Design · Brand Design
📍Manila

Radiating quiet confidence

Designed the Official COVID-19 Cases Tracker with Department of Health and Thinking Machines Data Science

· Health · Data Visualization · Tableau
📍Manila

Visualizing COVID-19 data for the Filipino public

5 data-driven charts behind 1.8 billion tons of offsets. These charts are first built in Flourish and refined in Figma.

Read the [full report →](https://www.wovoka.io/research)

· Environment · Data Visualization
🌏

Flaws and opportunities in the voluntary carbon market

data viz of the coffee beans we've tried in 2020-2021

7F Coffee

ena + marksteve

Completed the full design, development and launching of the project Climate Vulnerability and Risk Information System (CVRIS) for the Provincial Government of Oriental Mindoro based on its existing beta version. 

Data Visualization Designer Consultant

Designed and built data visualization products on various tools such as Tableau, PowerBI, and Google Data Studio. Conducted user research and needs discovery with clients and translated briefs into user stories and project scopes. Designed branding and marketing materials including the website and conducted Data Storytelling workshops.

Data Visualization Designer

Part of the digital team of this advertising agency. Designed various digital experiences, from graphic assets, websites to Facebook apps, for local products like Selecta Magnum ice cream, Unilever Breeze detergent, and Bank of the Philippine Islands.

Digital Designer

Designed front-end experiences for marketing and machine learning demo apps. Helped set foundations for the revamp and building of the design system for digital platforms.

UX/UI and Data Visualization Consultant

Taught information architecture and basic web design and development to BFA Information Design students. Advised two batches on their creative project as a Thesis Adviser.

Part-time Lecturer

Graphic + Web Design and Development Consultant

Designed the data platform of Wovoka-- the transparency and insights layer to the voluntary carbon market. 

Co-managed, designed, and developed various websites, from campaign microsites to Shopify e-commerce shops. Scope involves content strategy, design concepts, experience prototyping, and user testing. Conducted user research activities such as interviews, surveys, immersions, and product testing.

Web Service Lead, Designer and Developer

Graphic + Web Design Consultant

UI/UX and optimization of two e-commerce platforms ANTHILL Markets and ANTHILL Fabrics. Set up and management of online data tracking across all platforms. Support in the implementation of marketing strategies.

Web Operations and UX Consultant

Managed, designed, developed and launched 10+ websites using Wordpress CMS.

Senior Web Designer

Oversaw operations and creative production for a wide variety of social impact projects involving branding, UI/UX, illustrations, publications, and campaigns for local SMEs, corporations, foundations, government institutions, and other mission-based organizations.

Ena Escañan

2023