Occidental College · CS + Studio Art

I make tools for people who draw.

I'm Madelyn, a student at Occidental College studying CS and studio art in the same breath. I work across research, interface design, and frontend code: learning, creating, and experimenting as I go.

Explore Work View Resume

                                                                                                     
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                            ++     ++**                                             
                                      ##***********##%%**                                           
                                   ****####%%###**#%####*###                                        
                                 *****##*####%%#*##%%##%###****                                     
                              *++*#**##%######%####%##%%#######***                                  
                        **+*+****##***##*#*#####%%%%#######%#%%###**+                               
                      ++*+*+****+*#**##%##*##**#*#**####*##%%%%##%##**                              
                     =++******#*#%%####%##**#++*%#*#**#%%%%%%##%%####*#*                            
                   =+*+#*###*####%#****#***#*+*##*+*++*%#*#%%%####%%%#####                          
                 +****#*###**##*#%#*%###*#**++##++=++=+**++*#%#%%#%%%%##%##                         
               =+*****#**#%**%%*#%##%#####***-=*+=--+=-==*#%%#*#%%%%%%%%%%###                       
              =+*###****##**###*#%%##****#**++**#*+===-=+***++#%%%%%%%%###%%##                      
              +***#**#****###%##%%##*#*#%##******++=----+*+**#%%%%%%%%%###%%##                      
             +******##*+***#%%###%#%#*+++*++++++**++=-::=*++=#%%%%%%%%%%%##                         
            =*++**+*##***%#%%######%##*+++++++*#%%*=--:::-===+*##%%%%#%%%%##                        
           =+++***+*#***#%##%###%%%%##*+==++**--**+=:::::::-====++%%%%%%%%%##                       
           +*+***+**##%#%#*%####%%%##*+====+++=====-::::::::-+====+%%%%%%%%%%##                     
           ++******##**#%#########%%#*+=-----------:::::-:-==**===+*%%%%%%%%%##                     
              ++*####**#%**%#####%%%#*==--::::::::::::::-*#+*##+==+*%%%%%%%%%##                     
             ++++**##*###**%%#*####%%*==--:::::::::::::-++--=+**+=++#%%%%%%%%%#                     
            ++++*####*###****##*###%%#+=---:::::::::::::::::---+++++#%%%%%%%##                      
             ++*####**#*#%%*#######%%%*+=-----:::::::::::::=++*###**#%%%%%%###                      
            =++******###*%###%%#*###%%#*==-----::::::::::-*****++***#%%%%%%%%##                     
             ++*##***##*%####%%%#######*+==---------::::=+---====**##%%%%%%%#%                      
            ++*####*##*#%#%#*########*##*+=---------------===+**#####%%%%%%%%%                      
             ++*#####%#**#%*###%%####%##%*==-------------===+++=+++*%%%%%%%%%                       
            +++*###*###***##%%%%%%%%##%%@%*==----------------:--==+*%%%%%%#                         
             +****#*######%%%%%%%%%%%%%%%@@#++===--------------==+*#%%%%%%                          
                 *#*######%%#%%%##%%%@@%%@%%#***+++====-=--===++*#%%%%%%%%                          
                 ***###%*%%%#%#%%%#%%@@%%%%%#*++***###*****####%@@@%%%%%%#                          
                  +**##*#%%%%%%%%#%%@%%%%%%%%*++++++****######%%@%%%%%%%%%                          
                   *#***%%%%##%%%%%%%%%%%%%%%#+====++++*######%@@%%%%%%%%%   #******                
                    **###%%%%%%#%%%%%%%%%%%%%%*+======+++***#%@@%%%%%%%###****++++++++***           
                     ***#%#%#%%%%%%%%%%%%%%%%%%%*+++==++*#%%%%%%%%######***++++++++++++++**         
                      ==*####%%#%%%%%%#%%%%%%%%%%%%%%%%%%%%%%####*******++++=+++++++++++++**        
                    --:-===+*##+#%**%%%%%%%%%%*+++++++*%%%%#**++++++++++=================+++**      
                  ::--::-:=*-+%*###%####%%%%%%#++===++*%%%#*+=======++++===================+++*     
                :=++++---=+#**##**%*+**+***###*+=-====#%##%+====-===++++========--------=====++**   
              ---+*++*+====#*+#%+-*%+---=++*###+=-==--*%+:*#=---=========----------------=====++**  
             -::.:--==-::::+*=+*=:-#+-::-+*=++++====--*#*#%%#============-----------------=====++** 
           --:....-=-+=::::==-=++::=*=-=++**+++=:-==--+#####*#+========---------====-------====+++**
          ::--::--=+#*#+=::---+**===##*=-==***#**::=--=*####+%#+====-----------===+=-------==+*#*#*=
         :-=**+----=+++#*+++=+****=-=##*+=-:=-=***==++=-=*%##%*+==-------------=++*+==---=-==+*###*+
       --=*++**+===++#***++*****##+--=#*+-::::-:+*#*==*+==+##*+=---------------=+**+==**+===**++##*+
      +--=+**+*+--:--=*=*#***++++*=:.:-++=-::-==:-+*++*#*++===---------------===+*#=-=+--=*++++*#*+=
    +===-::-+=++=---==+#*###*=-==+=:.::=++++++======++==+=++==-------------=====-=+==**#+-::--+***+*
   =+=::::::-+=++==-+++#%%++=::===+=--==*###*+==++===+*#**++=-==---------====--=+**##*=:::::-=++*#*+
 --=-=-::::--=**##***##%%#++=::+***#+=---+#*##*=-::---::=#***+---======+++-=++*###*++=------=++*%###
.:-+==++===++*#%###**#%%#++=+===+*+**+=+===**++=--::--=-::=*+==++*+==+****##%##*****+++++++*#******+
:-+#**#*++=+++*#%%%#### #****===+*#**+=-:::-=+==+====++++==+*##*+++*##%%%%##*****##*+=+===*###+=----
===*#++##*++****####**  %*+###*+:::====-::::-=***##*+==+++++=+*##*#*++==-----===++====+++*##*=::::::
-==*##+***+==+++####    ####+===::::-=++=--==+*##*+*##*=-----=++*+===++-::-===++=------=+*##*===---=
=-:=+++++*+==++*###      ###*-===---=+##*#*+===+*##*+++==--:---+***++==+*##*++*+=-----=+*+**====+*##
:::=-++++**+++*#%%        #*+-+*#*====+****#*+++=++++==+++====+++=+#######*#%%#**++=++**+*#==++**#*+
:::===****####%%            *++*+*===++*##++++=-----=++++*###+==+++====+*####*+++**#%%###%*-:-+****#
-:-+**#%%%%%###             *==****+-----=+==++=-:---=+###***##*+=------==*#%%###%%%%%%%% *=-=+===++
**+*#**#%%%%%               #+==+===-::::-=++=+++==++++++*###***+=------=++***#%##%%        =++==+=-
=++=*##%%%%#                +=-:=+==+-::---+*#*###*+==++++++*++==+++===+++=++**+**##        ***+*=-:
=++**##%%%                   +-:-=+=+++==+++**#***###*+==----=+++++*###*+++**+==+*##         +*##*+=
*+****%%%                    ++--=*#*##*+===++*###***++=-----===*#%%#**#%%#*===+*###          +##+++
*#####%                      *#*+++*#**##**++====+++==+++====++**++*#%%#*******#%%#           =+##+=
*****##*                      **++++###***+==-----=++*++*####*+++****++****+*#%%%%##           -+*++
++++*********                 *##*+==++*+++**+====++**##%%##%%%#*++======+*#%%%%%%##            =++-
+++++++**********             -+*+====+*****####**++++**####+++**++====+*####%%%%##             ++=

*  ·  *  ·
  *  ·  *
·  *  ·  *

Featured Work

Selected projects

Product, UX, and interface work shaped through research, prototyping, and implementation.

Fall 2024 - Present Product Design + Creative Technology

ItEra Studio

A reference search tool for artists that helps users find real, useful visual sources based on what they are trying to make. I shaped the product direction through research and designed the system around trust, intent, and ethical sourcing.

View Case Study

Spring 2025 Product Design + Frontend

Oxy Biochemistry Database

A research database designed for Occidental’s Biochemistry Department. I focused on frontend implementation and interaction design to make lab workflows clearer and more usable.

View Case Study

Spring 2026 AI + Learning Technologies

Mise-en-Lens

A Next.js web app that teaches film theory through a user’s own taste. Users input their Top 4 films and the system uses an LLM to generate personalized analysis connecting their films to broader concepts in cinematography, directing, societal context, and genre.

View Case Study

Spring 2026 Python + Systems Design

Vibe.py

A personal Python terminal app for music discovery and movie roulette. Built from scratch with Spotify OAuth, adaptive audio feature scoring, and a persistent preference profile that evolves with feedback.

View Project

Practice Areas

How I like to work.

· * ·
  *
· * ·

Research

I love collaborating with people.

Forums, interviews, sticky notes. I want to understand what's actually going on before I open Figma or VS Code.

· * ·
  *
· * ·

Design

I work on things I'm passionate about.

I've been drawing my whole life. Passion is what pushed ItEra from a simple Java quiz to a full research-driven product.

· * ·
  *
· * ·

Build

I like making things that are practical.

Collaborating on the biochemistry database taught me that useful and unglamorous can still be deeply meaningful.

Tools & Technologies

Figma

JavaScript

HTML5

Node.js

React

Adobe

Procreate

Blender

Python

Notion

Git

GitHub

CSS

Figma

JavaScript

HTML5

Node.js

React

Adobe

Procreate

Blender

Python

Notion

Git

GitHub

CSS

*  .  *  .  *
  .  *  .  *
*  .  *  .  *
  *  .  *  .

STUDIO ART

I make art too.

Drawing, mixed media, and illustration shapes how I think about color, composition, and storytelling in my design work.

View All Work

*  .  *  .  *
  .  *  .  *
*  .  *  .  *
  *  .  *  .

I make tools for people who draw.

Selected projects

ItEra Studio

Oxy Biochemistry Database

Mise-en-Lens

Vibe.py

How I like to work.

I love collaborating with people.

I work on things I'm passionate about.

I like making things that are practical.

I make art too.

Let's work together.