UX / WEB / DIGITAL PRODUCT WORK

As a designer, I'm a committed generalist, and my work spans a wide breadth of media, technique, and concept. This page is a collection of projects specifically in the realm of digital product design, all done during my Master's program at RISD. For my professional experience please see my resume here.

In this realm I've explored my interests in crypto as a social good, generative visual experiences through color, and AI. Beyond prototyping with Figma and Framer, I've done some development as well — writing rudimentary smart contracts on Algorand, using Python for training AI models, and doing basic front-end development with HTML, CSS, and JS (including this website).

&

LEPTA

A design concept and MVP for a De-Fi application with the intent of serving as an alternative to payday lenders, credit cards, and other predatory lenders that often target people when they're at their most vulnerable.

View the design in Framer here.

View the app on Algorand testnet here.

Description of image + borrower wallet overview
Description of image + pool health dashboard
Description of image + walkthrough of MVP live on testnet
WHY

Esoteric and unfriendly UX patterns make DeFi’s value opaque to most users. With my design and MVP for LEPTA, I tried to use the same underlying tech, but with a focus on shared interest, generosity, and community. The app manages a pool of funds that allows small, uncollateralized loans and then uses token incentives and transparency to encourage timely, generous payback. Interest payments became voluntary tips, and anonymous wallets were shown to be members of your community who were in need of financial help.

HOW

Borrowers are free to take up to $400 (the average payday loan) permissionlessly from a shared pool of money. If they pay it back, plus a pay-what-you-can tip, they earn points that let them borrow more the next time. Points are distributed based on a convex dividend rate, which rewards long-term generosity to the pool. Points are also distributed more readily when the pool balance is getting low. Depositers share the collected tips between them, based on their time-weighted share of the pool.

The design was done in Framer. For the MVP, I wrote some simple smart contracts in PyTEAL (Algorand's contract language) using the Beaker framework and the Algokit toolchain. The bare-bones interface is Typescript with no additional frameworks or dependencies - it was intended to be more of an open building block that a community could fork and modify to suit their own needs.

National Weather Service / Generative Color Exploration

A new front end for the NOAA National Weather Service page that uses the dynamic color features of Google Material Design to generate local and seasonal color schemes.

Description of image + simple and detailed mode
Description of image + dynamic color palette generation from local weather conditions
Description of image + light/dark modes
Description of image + continuous palette generation
WHY

As an incredibly rich — and taxpayer-funded — source of weather data, NOAA's site deserves to be more widely used as people's daily go-to weather-checking site. Color, in particular generative and algorithmic color, is an ongoing interest of mine.

HOW

Weather pictures meant to correspond to the users' local conditions were pulled from NOAA's impressive image database. The images were then used to generate color palettes with a light and dark mode for all UI elements. Clean lines and crowd-pleasing type leave you no excuse not to use this as your daily weather page.

To cut down on the overwhelming amount of data and options on the original page, a choice between "simple" and "detailed" view was added. In "detailed" view, a scroll box houses one of the NWS's most valuable yet overlooked features: a narrative evaluation of your local weather conditions by an NWS expert, updated in real time, multiple times a day.

Stable Diffusion Coloring Book

A custom Stable Diffusion 1.5 model that allows kids to prompt their own images to color. (Note this project was done in the spring of 2023, before OpenAI released custom GPTs, including one called "Coloring Book Hero", which is more refined than this one, but arguably less fun...)

Description of image + interface
Description of image + the prompts and outputs from a 4-year-old
WHY

As the AI tool mania was unfolding, I was interested in a project that would sidestep the dominant conversations around copyright infringement on one end and the singularity on the other. I also wanted to simply get my hands dirty on training a custom model for image generation, which has led to many more experiments.

HOW

At this time the easiest way to train a Stable Diffusion model was to use a Google Colab notebook to get access to remote GPU time. I forked one I found online and modified the code to do some prompt injection that would make all outputs black and white line drawings in the style of a coloring book.

View the Colab Notebook here

MyRISD Redesign

A refresh of the university's app for everything.

Walkthrough GIF and interactive Figma prototype below.

Description of image + walkthrough
+ Interactive Figma prototype (upper right corner for fullscreen)
WHY

The app's design has long fallen out of date with the school's brand and also become bloated with broken external links and navigation that was far from intuitive.

HOW

A slew of testing and user interviews led to some clear findings about what features of the app were rarely used. The new design focuses on the core functions and keeps the excess out of the normal flow of the app.

CONNECT