Select Page

Journal

Running + Mental Health

Running + Mental Health

Maintaining positive well-being and mental health is always challenging in the DesignOps community and the Design field. Taking care of teams and creating space for other cross-functional partners can quickly take its toll, and mental debt can build up quickly. On top...

Figma Config 2022

Figma Config 2022

The PUMA's Unified Design System team had the opportunity to present at Figma's global design conference Config. The conference took place over a 24-hour period between May 10 and May 11. There was a great lineup of global speakers and over 100,000 international...

Inspiring Design System Documentation Sites

Inspiring Design System Documentation Sites

At PUMA, we're about five weeks into a proof of concept pilot to create a design system for PUMA's digital products and services. We're calling it the Unified Design System, and it's a functional toolkit for developers, designers, content designers, marketers, and...

UX Writers Collective Fundamentals Course

UX Writers Collective Fundamentals Course

I came across the UX Writers Collective through a Slack group about content and design and was very intrigued. Content design or UX writing as a role has a similar feel to it as service design did a few years ago. What was once questioned from a position perspective...

P5.js Radial Art Sketch

P5.js Radial Art Sketch

This sketch was a lot of fun. I used looping to create a piece of radial art that includes creating a function to draw a line with parameters and then create a loop that rotates the canvas and executes the line. I also added a simple mouseClick function that stops the...

P5.js Parameterize Tile Art Sketch

P5.js Parameterize Tile Art Sketch

For this sketch, I created a few parameters that allowed for easier replication of the tile art and the ability to modify each tile. Changing attributes like background color, line stroke, quarter marks, and the interior square was an easy way to create an entirely...

P5.js Tile Art Sketch

P5.js Tile Art Sketch

For this sketch, I explored creating a tile while utilizing a simple function. I wanted the tile to be visually appealing while being mindful of modifications concerning size, color, and position. This was also the first time utilizing the angleMode function from the...

P5.js Snowman Shapes Sketch

P5.js Snowman Shapes Sketch

A bit more work with shapes and exploring the placement of objects on a page. The original sketch utilized the prompt method to gather input from the user. This was removed from the sketch because it felt pretty invasive.  Here's a peek at the raw Javascript code to...

P5.js mouseIsPressed Simple Sketch

P5.js mouseIsPressed Simple Sketch

This sketch was a quick exposure to the mousePressed function in P5.js. I also spent some time exploring simple geometric shapes. If you mouse-click on the red canvas the shapes will change. Here's a peek at the raw Javascript code to make this sketch...

P5.js and Starting Javascript Exploration

P5.js and Starting Javascript Exploration

With the spring semester rolling and the final course of my MA program underway, I've started taking a more in-depth, more structured look at the front-end development language of Javascript with the library P5.js.  The approach we are going to be taking for the...