Early Concepts for Creative Coding Showpieces

A collection of case studies and tutorials from the Spring 2021 Creative Coding class at Tyler School of Art and Architecture

The real power of creative coding comes from self-expression. With this in mind, students in Interactive Design: Creative Coding created large-scale projects to show off an area of personal interest. This project gave students the opportunity to take a creative coding project from idea through execution and troubleshooting to get a unique, portfolio-ready piece.

Before they started coding, they presented proposals for their project. As they worked on the project over several weeks, they took notes on process in order to write up final documentation in the form of a case study or tutorial.

Some final write-ups have been published…


Three different approaches to design mockups: a clay iPhone, a realistic Apple Watch, and a subtle blue frame.
Three different approaches to design mockups: a clay iPhone, a realistic Apple Watch, and a subtle blue frame.
Three different approaches to design mockups: a clay iPhone, a realistic Apple Watch, and a subtle blue frame.

3 minutes, 3 approaches to creating design mockups

This series of 1-minute tutorials will teach you how to show off your designs as realistic, subtle, or custom mockup in videos or looping GIFs.

To show your design as a video inside a realistic device mockup:

Tutorial Video (from TikTok): Wanna show a design inside a device mockup?

Facebook has a ton of free mockups. You can download all of them or find what you want and download the ZIP. I’m going to download a watch template and I’m going to make a recording of my design in Adobe XD.

I’m gonna make my recording, clicking through to demo the app in use…


An Introduction to Case Studies for Designers
An Introduction to Case Studies for Designers

Imagine you’re a hiring manager for a design agency. You’re looking for a junior designer that will bring a unique perspective to your team. You’ve pulled up the portfolio websites of a few different applicants and you are faced with a comparison: Designer A vs. Designer B. Both designers have great-looking work, but they present it differently. Designer A has big images and a one-sentence description of the project. Designer B has an in-depth description of the problem they were solving and the steps they took to solve it. You understand how Designer B thinks. You understand the purpose of…


Photo by rawpixel on Unsplash

Today’s college students are under increasing pressure to have a side hustle — a part-time job that is often related to entrepreneurship. 41% of workers under 35 already have a side hustle. Students today are six times more likely to start a business while in school than they were in the 1960s and 1970s.

Almost every college student could use extra income to offset the rising costs of education, but design students face additional pressures to establish an online creative presence and put real-world projects into their portfolios. …


Inspiration: Postcards from the Digital Public Library of America: Greenville, Indianapolis, and Utah

Ever want to make a design like those great vintage travel postcards? Ever feel confused by clipping masks or adjustment layers in Photoshop? This tutorial should help. We’ll be making a design inspired by old-fashioned “Greetings from…” postcards. For this tutorial, you will need a computer and an Adobe Creative Cloud license. This tutorial assumes a very basic understanding of Photoshop, the kind you would get from Adobe’s free Photoshop Get Started course.

Jenny B Kowalski

Graphic & Interactive Designer, Assistant Professor of Instruction at Tyler School of Art and Architecture

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store