Lightbox added by JS
arrow right Created with Sketch.
arrow right direction Created with Sketch.
×

Tom Faber

Creative Technologist

About

What I Do

I'm a Multi-Disciplinary Creative Mind
‍passionate about designing delightful
‍Human-Centred Experiences

Preferably working on projects for
‍Positive Impact (ESG)

Showcase

Select Works

VMD AI

AI-assistant for Veterinarian Doctors

ROLES
  • GPT-3 Priming Dev
  • FullStack Dev
  • Product Designer
Images
ABOUT

A state-of-the-art AI trained on billions of data points to assist Veterinarians in finding the right diagnosis.

Currently in private beta.

Tech Stack
  • Serverless
  • OpenAI GPT-3
  • Graph Database
  • Apollo
  • GraphQL
  • Nuxt.js
  • Vue
  • Typescript
  • Type-GraphQL
  • Netlify Dev
  • SASS
  • Static Site
Notable
  • OpenAI GPT-3
    This project is one of only a select few with access to OpenAI's GTP, the most advanced "AI" (ML NLP model) available on the planet.
  • Auto-Scalable App Infrastructure
    A static frontend (build on Nuxt/Vue) paired with an entirely serverless backend (except NLP inference) provide predictable (yet low) running costs, enhanced security and instant scalability.
  • GraphQL API Layer
    Enhanced reliability, lower latency and less overhead by using an API build on GraphQL.
Tags
  • OpenAI GPT-3
  • AI / ML / NLP
  • Serverless
  • JAMStack
  • GraphQL
×

2021

VMD AI

  • AI / ML / NLP
  • OpenAI GPT-3
  • Serverless
  • JAMStack
  • GraphQL

Raising Awareness for Black Lives coupled with a Call to Action against Racism

ROLES
  • Product Designer
  • UI/UX Designer
  • FrontEnd Dev
  • Writer
Images
Notable
  • Featured on Founders' Institute's global social media accounts
  • Awarded life-time sponsorship by Webflow, on behalf of their CEO
Tech Stack
  • Webflow
  • Javascript
  • JQuery
  • Static Site
Challenges Solved
  • Overall Narrative Flow
    While each of the portraits of black pioneers featured on BLE is powerful on its own, there needed to be a common narrative thread for users to follow in order to keep them emotionally engaged and incentivized to keep scrolling (especially on mobile) to explore the full collection.
    This was achieved in the overview by interweaving the individual portraits with an overall narrative which describes how black people, despite enduring systematic suppression for centuries around the world, prevailed and still produced some of the world's greatest accomplishments.
  • Information Architecture
    For a topic filled with many interesting and complex stories, it was paramount to arrange the interface in a way that would show a clear overview of all items available while still giving an adequate impression of the content behind them.
    This was done by providing only the essential information and generous whitespace on the main view and then having on-demand expandable content-cards on the portrait pages to reduce information-density.
    The result exhibits a fine balance between horizontal discovery (new content) with vertical exploration (content depth).
Visit Website
Tags
  • Activisim
  • Social Impact
  • Public Awareness
  • Education
  • Story Telling
×

2020

  • Activisim
  • Social Impact
  • Public Awareness
  • Education
  • Story Telling

Open AI’s RL algorithms meet
Webots' Robotic Simulation Platform

ROLES
  • Python Dev
  • ML Researcher
Results

OpenAI's state-of-the-Art ML research was integrated, via the open source "Stable Baselines" implementation, into Webots to allow training Robots with "Artificial Intelligence" in a simulated environment. Reinforcement learning makes it possible to set trainable tasks, e.g. maneuvering unknown territories, playing games or self-learning locomotion.

Tech Stack
  • OpenAI
  • Stable Baselines
  • ML/RL/AI
  • Python
  • Webots
Tags
  • Robotics Simulation
  • Python
  • Machine Learning "AI"
  • Reinforcement Learning
  • Stable Baselines
×

2019

  • Robotics Simulation
  • Python
  • Machine Learning
  • Reinforcement Learning
  • Stable Baselines

Citizen-powered non-profit aiding communities to move towards a green & self-sustainable future

ROLES
  • UI/UX Designer
  • Wordpress Dev
About

Transitioun Uelzechtdall is a citizen-powered non-profit that initiates and supports social, ecological and economical projects to help communities transition towards a green, healthy & self-sustainable future. It also encapsulates Ennercop, a citizen-run energy-coop.

Images
Tech Stack
  • Wordpress
  • CMS
  • Javascript
Challenges Solved
  • Activating People to Join
    To entice visitors to join TUZD, the website needed to show the "green transition" spirit, a mix of fun social experiences and actions for green causes. Therefore, the website showcases TUZD's different activities and topics along engaging photos of people-in-action, packed in a clean, comforting design with clear calls to action.
  • A Green-powered Website
    To ensure that the green values TUZD represents are present in its digital form as well, much research has been done to find a digital infrastructure provider that was powered by 100% renewable Energy (Kualo).
Visit Website
Tags
  • Act Local
  • Green Impact
  • Social Impact
  • Community
  • Non-Profit
×

2019

  • Act Local
  • Green Impact
  • Social Impact
  • Community
  • Non-Profit

Concept for an International Campaign to ban the WHO-classified toxic chemical Glyphosate

ROLES
  • UI/UX Designer
  • Writer
  • FrontEnd Dev
  • BackEnd Microservice Dev
About

The W.H.O. officially classified Glyphosate as "probably carcinogenic to humans" and dozens of leading scientists call on the European Food Safety Authority to immediately ban the substance.

This was a concept for an international campaign meant to activate a critical public mass to finally push politicians and institutions, past industry pressure, to ban the infamously toxic chemical.

Images
Challenges Solved
  • Engaging Design
    Since the effects of chemical toxins in the environment are a complex topic to follow, it was important to approach users with a visually engaging design, bolstered by delicate animations, that made the perils to themselves and their surroundings immediately visible and emotionally relatable.
  • Client-side Email Generation
    The core functionality of sending emails to officials was set to be done clientside. Even though this came with some challenges and technical difficulties as it encapsulated writing a complex generation script that had to take various different email clients and their caveats into account (Outlook, Mail, Thunderbird, various webmail services ...), it was worth it as it provided two big advantages:
    1) Officials couldn't just block the sender email address (as would have been the case if it were send server-side like most email campaigns at the time), since each user would send the email from their own personal email address.
    2) Affordability & Scalability: Since no external email sending services were involved, it made no difference if 100 or 100.000 emails would be send. Email sending cost was always 0 and the campaign had unlimited sending scalability.

    This approach of client-side email generation for campaigns would only be picked up  years later by mainstream petition sites
  • Minimal Backend
    The static frontend (populated via Webflow CMS) coupled with a minimal micro-service backend (signatures were saved in Google Sheets via Zapier) allowed for low maintenance (0 devops), enhanced security and high scalability.
Tech Stack
  • Static Site
  • Microservice Backend
  • Client-side Email Generation
  • Webflow
  • Google Sheets
  • Zapier
  • Javascript
  • JQuery
Results

The concept was implemented as a national campaign in Luxembourg to persuade the agriculture department to improve the national pesticides-reduction plan.

Emails flooded the ministry and, coupled with the long dedicated work and actions of NGO actors, pushed the minister to improve the pesticides-reduction plan.

Glyphosate has been banned in Luxembourg in 2021, making it the first European Country to do so.

While the national website is not online anymore, you can still check out the prototype for the international campaign.

int. Prototype
Tags
  • Email Campaign
  • Activism
  • MicroServices
×

2018

Anti-Glyphosate

  • Email Campaign
  • Activism
  • MicroServices

Reframing
Glossary

Platform to aid civil actors in jointly evolving their language to optimize communication with the public

ROLES
  • Founder
  • UI/UX Designer
  • FrontEnd Dev
About

A shared glossary platform meant for civil actors, like NGOs and journalists, to find common terminology opportune for advancing their collective interests (e.g. social justice, climate change, etc).

The platform would allow actors to coordinate internally by letting them discuss what associations currently popularly used terms invoke, and use a structured process to vote on alternative terms that would set a more favorable mindset when communicating about related topics.

Background

Cognitive research has shown that the language we use also creates conceptual frameworks ("frames") within which a person's thinking on a particular topic occurs.

The choice of words is therefore an important factor when deal with themes as words trigger  subconscious emotional associations in people.

"Reframing" describes the finding and use of more opportune terms to the subconscious message that is meant to get communitated accross in order to reform the way of thinking on a (social sensitive) topic.

Images
NOTABLE
  • the project came together during a conference at the renowned German Heinrich Böll Foundation
  • it generated interest from staff members of notable NGOs
Tech Stack
  • Interactive Prototype
  • Webflow
  • FrontEnd Dev
  • Javascript
  • JQuery
Challenges Solved
  • Recognizable Design
    In order to allow users to directly identify the purpose of the platform, the design was orientated around the familiar look of a dictionary / thesaurus. Furthermore,  the current status on terms was indicated by color cues.
  • Structured Discussions
    To ensure every member organisation has an equal voice to state their point of view in defining better terms, the process was designed to allow for in-depth discussions.
    A new suggestion would state a comprehensive description along with examples and associated relations. Then other members could discuss on proposals using an integrated comment feature.
  • Voting Process
    After a set discussion phase, voting would begin to select one of the suggested terms as the de-facto alternative to be used by all members. Selection rules could be set as simple or qualified majority.
Results

While the project generated interest from staff members of notable NGOs, due to various administrative, political and timing issues the Reframing Glossary has not yet been advanced to production and remains on-hold.

However, if you're intersted in the idea you can try the German Prototype.

German PRototype
Tags
  • Social Impact
  • Platform
  • Community
×

2017

Reframing Glossary

  • Social Impact
  • Platform
  • Community
arrow right Created with Sketch.
arrow right direction Created with Sketch.
  • UI/UX Design
  • Story Telling
  • Product Design
  • Idea Exploration
  • Green & Social Impact
  • Applied Machine Learning (AI)
  • Information Architecture
  • Strategy
  • Rapid Prototyping
  • App & Web Engineering
  • Idea Exploration
  • Green & Social Impact
  • Applied Machine Learning (AI)
  • App & Web Engineering
  • Story Telling
  • UI/UX Design
  • Information Architecture
  • Product Design
  • Strategy
  • Rapid Prototyping
  • Story Telling
  • UI/UX Design
  • Strategy
  • Rapid Prototyping
  • Green & Social Impact
  • Information Architecture
  • Product Design
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Idea Exploration
  • Information Architecture
  • Strategy
  • UI/UX Design
  • Product Design
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • Idea Exploration
  • Green & Social Impact
  • Rapid Prototyping
  • Green & Social Impact
  • App & Web Engineering
  • Information Architecture
  • Story Telling
  • Idea Exploration
  • Applied Machine Learning (AI)
  • Strategy
  • Rapid Prototyping
  • UI/UX Design
  • Product Design
  • Information Architecture
  • Rapid Prototyping
  • Product Design
  • UI/UX Design
  • Story Telling
  • Applied Machine Learning (AI)
  • Strategy
  • Green & Social Impact
  • App & Web Engineering
  • Idea Exploration
  • Story Telling
  • UI/UX Design
  • App & Web Engineering
  • Information Architecture
  • Idea Exploration
  • Applied Machine Learning (AI)
  • Strategy
  • Rapid Prototyping
  • Green & Social Impact
  • Product Design
  • Story Telling
  • Applied Machine Learning (AI)
  • Idea Exploration
  • Green & Social Impact
  • App & Web Engineering
  • UI/UX Design
  • Strategy
  • Product Design
  • Information Architecture
  • Rapid Prototyping
  • UI/UX Design
  • Green & Social Impact
  • Strategy
  • Idea Exploration
  • Rapid Prototyping
  • Information Architecture
  • Product Design
  • Applied Machine Learning (AI)
  • Story Telling
  • App & Web Engineering
  • App & Web Engineering
  • Rapid Prototyping
  • UI/UX Design
  • Information Architecture
  • Applied Machine Learning (AI)
  • Green & Social Impact
  • Story Telling
  • Idea Exploration
  • Strategy
  • Product Design
  • Idea Exploration
  • Story Telling
  • Green & Social Impact
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • Applied Machine Learning (AI)
  • Rapid Prototyping
  • Product Design
  • Strategy
  • Strategy
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • Green & Social Impact
  • Product Design
  • Rapid Prototyping
  • UI/UX Design
  • Idea Exploration
  • Information Architecture
  • Strategy
  • Green & Social Impact
  • Idea Exploration
  • Story Telling
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • Rapid Prototyping
  • Applied Machine Learning (AI)
  • Product Design
  • Strategy
  • Story Telling
  • UI/UX Design
  • Product Design
  • Information Architecture
  • Rapid Prototyping
  • Idea Exploration
  • Green & Social Impact
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • Green & Social Impact
  • Applied Machine Learning (AI)
  • Product Design
  • Strategy
  • Idea Exploration
  • Rapid Prototyping
  • UI/UX Design
  • Information Architecture
  • Strategy
  • Product Design
  • Applied Machine Learning (AI)
  • Rapid Prototyping
  • App & Web Engineering
  • Idea Exploration
  • Story Telling
  • Green & Social Impact
  • App & Web Engineering
  • UI/UX Design
  • Story Telling
  • Information Architecture
  • Rapid Prototyping
  • Green & Social Impact
  • Strategy
  • Applied Machine Learning (AI)
  • Product Design
  • Idea Exploration
  • Story Telling
  • Green & Social Impact
  • Rapid Prototyping
  • Information Architecture
  • Product Design
  • Idea Exploration
  • Applied Machine Learning (AI)
  • UI/UX Design
  • Strategy
  • App & Web Engineering
  • Story Telling
  • Green & Social Impact
  • Rapid Prototyping
  • Idea Exploration
  • Applied Machine Learning (AI)
  • Strategy
  • Information Architecture
  • Product Design
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • UI/UX Design
  • App & Web Engineering
  • Product Design
  • Story Telling
  • Applied Machine Learning (AI)
  • Green & Social Impact
  • Rapid Prototyping
  • Strategy
  • Idea Exploration
  • Information Architecture
  • UI/UX Design
  • App & Web Engineering
  • Story Telling
  • Green & Social Impact
  • Strategy
  • Idea Exploration
  • Rapid Prototyping
  • Applied Machine Learning (AI)
  • Product Design
  • Product Design
  • Strategy
  • Story Telling
  • Idea Exploration
  • Rapid Prototyping
  • Green & Social Impact
  • Information Architecture
  • Applied Machine Learning (AI)
  • UI/UX Design
  • App & Web Engineering
  • Strategy
  • Applied Machine Learning (AI)
  • App & Web Engineering
  • Rapid Prototyping
  • Story Telling
  • UI/UX Design
  • Green & Social Impact
  • Information Architecture
  • Idea Exploration
  • Product Design
  • Applied Machine Learning (AI)
  • Information Architecture
  • Rapid Prototyping
  • Idea Exploration
  • UI/UX Design
  • Strategy
  • Green & Social Impact
  • App & Web Engineering
  • Story Telling
  • Product Design
  • Strategy
  • Information Architecture
  • Rapid Prototyping
  • Story Telling
  • Product Design
  • Green & Social Impact
  • UI/UX Design
  • Idea Exploration
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Information Architecture
  • UI/UX Design
  • Green & Social Impact
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • Idea Exploration
  • Product Design
  • Strategy
  • Rapid Prototyping
  • UI/UX Design
  • Story Telling
  • Product Design
  • Idea Exploration
  • Green & Social Impact
  • Applied Machine Learning (AI)
  • Information Architecture
  • Strategy
  • Rapid Prototyping
  • App & Web Engineering
  • Idea Exploration
  • Green & Social Impact
  • Applied Machine Learning (AI)
  • App & Web Engineering
  • Story Telling
  • UI/UX Design
  • Information Architecture
  • Product Design
  • Strategy
  • Rapid Prototyping
  • Story Telling
  • UI/UX Design
  • Strategy
  • Rapid Prototyping
  • Green & Social Impact
  • Information Architecture
  • Product Design
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Idea Exploration
  • Information Architecture
  • Strategy
  • UI/UX Design
  • Product Design
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • Idea Exploration
  • Green & Social Impact
  • Rapid Prototyping
  • Green & Social Impact
  • App & Web Engineering
  • Information Architecture
  • Story Telling
  • Idea Exploration
  • Applied Machine Learning (AI)
  • Strategy
  • Rapid Prototyping
  • UI/UX Design
  • Product Design
  • Information Architecture
  • Rapid Prototyping
  • Product Design
  • UI/UX Design
  • Story Telling
  • Applied Machine Learning (AI)
  • Strategy
  • Green & Social Impact
  • App & Web Engineering
  • Idea Exploration
  • Story Telling
  • UI/UX Design
  • App & Web Engineering
  • Information Architecture
  • Idea Exploration
  • Applied Machine Learning (AI)
  • Strategy
  • Rapid Prototyping
  • Green & Social Impact
  • Product Design
  • Story Telling
  • Applied Machine Learning (AI)
  • Idea Exploration
  • Green & Social Impact
  • App & Web Engineering
  • UI/UX Design
  • Strategy
  • Product Design
  • Information Architecture
  • Rapid Prototyping
  • UI/UX Design
  • Green & Social Impact
  • Strategy
  • Idea Exploration
  • Rapid Prototyping
  • Information Architecture
  • Product Design
  • Applied Machine Learning (AI)
  • Story Telling
  • App & Web Engineering
  • App & Web Engineering
  • Rapid Prototyping
  • UI/UX Design
  • Information Architecture
  • Applied Machine Learning (AI)
  • Green & Social Impact
  • Story Telling
  • Idea Exploration
  • Strategy
  • Product Design
  • Idea Exploration
  • Story Telling
  • Green & Social Impact
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • Applied Machine Learning (AI)
  • Rapid Prototyping
  • Product Design
  • Strategy
  • Strategy
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • Green & Social Impact
  • Product Design
  • Rapid Prototyping
  • UI/UX Design
  • Idea Exploration
  • Information Architecture
  • Strategy
  • Green & Social Impact
  • Idea Exploration
  • Story Telling
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • Rapid Prototyping
  • Applied Machine Learning (AI)
  • Product Design
  • Strategy
  • Story Telling
  • UI/UX Design
  • Product Design
  • Information Architecture
  • Rapid Prototyping
  • Idea Exploration
  • Green & Social Impact
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • Green & Social Impact
  • Applied Machine Learning (AI)
  • Product Design
  • Strategy
  • Idea Exploration
  • Rapid Prototyping
  • UI/UX Design
  • Information Architecture
  • Strategy
  • Product Design
  • Applied Machine Learning (AI)
  • Rapid Prototyping
  • App & Web Engineering
  • Idea Exploration
  • Story Telling
  • Green & Social Impact
  • App & Web Engineering
  • UI/UX Design
  • Story Telling
  • Information Architecture
  • Rapid Prototyping
  • Green & Social Impact
  • Strategy
  • Applied Machine Learning (AI)
  • Product Design
  • Idea Exploration
  • Story Telling
  • Green & Social Impact
  • Rapid Prototyping
  • Information Architecture
  • Product Design
  • Idea Exploration
  • Applied Machine Learning (AI)
  • UI/UX Design
  • Strategy
  • App & Web Engineering
  • Story Telling
  • Green & Social Impact
  • Rapid Prototyping
  • Idea Exploration
  • Applied Machine Learning (AI)
  • Strategy
  • Information Architecture
  • Product Design
  • App & Web Engineering
  • UI/UX Design
  • Information Architecture
  • UI/UX Design
  • App & Web Engineering
  • Product Design
  • Story Telling
  • Applied Machine Learning (AI)
  • Green & Social Impact
  • Rapid Prototyping
  • Strategy
  • Idea Exploration
  • Information Architecture
  • UI/UX Design
  • App & Web Engineering
  • Story Telling
  • Green & Social Impact
  • Strategy
  • Idea Exploration
  • Rapid Prototyping
  • Applied Machine Learning (AI)
  • Product Design
  • Product Design
  • Strategy
  • Story Telling
  • Idea Exploration
  • Rapid Prototyping
  • Green & Social Impact
  • Information Architecture
  • Applied Machine Learning (AI)
  • UI/UX Design
  • App & Web Engineering
  • Strategy
  • Applied Machine Learning (AI)
  • App & Web Engineering
  • Rapid Prototyping
  • Story Telling
  • UI/UX Design
  • Green & Social Impact
  • Information Architecture
  • Idea Exploration
  • Product Design
  • Applied Machine Learning (AI)
  • Information Architecture
  • Rapid Prototyping
  • Idea Exploration
  • UI/UX Design
  • Strategy
  • Green & Social Impact
  • App & Web Engineering
  • Story Telling
  • Product Design
  • Strategy
  • Information Architecture
  • Rapid Prototyping
  • Story Telling
  • Product Design
  • Green & Social Impact
  • UI/UX Design
  • Idea Exploration
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Information Architecture
  • UI/UX Design
  • Green & Social Impact
  • App & Web Engineering
  • Applied Machine Learning (AI)
  • Story Telling
  • Idea Exploration
  • Product Design
  • Strategy
  • Rapid Prototyping

Creative Space

Natively Interdisciplinary

By Leveraging Knowledge across
various fields in a Holistic Approach
I produce Innovative, User-Friendly & Super-Scalable Solutions

Contact

Let's Connect

Feel free to say Hi or
inquiry about a Project

web@tomfaber.id