A demonstration of clean, simple web development and design — This project is the culmination of multiple assignments across my Coursera and UCSD classes. The initial assignment was an exercise in UI design, primarily for mobile web. It would later dovetail into a desktop web design and eventually a scripted website. The resulting project spans fundamentals in web design for…

The second part of a case study exploring potential improvements to the Spotify mobile UI — In the first article, I explored three flaws I perceived in the Spotify mobile UI: Inconsistent and insufficient sorting and organization in the Browse/Search page A lack of a clear option in the song queue A confusing, inconsistent, and unhelpful format for saved artists, albums and songs I also presented…

Over the past two years I have been doing some volunteer freelance graphic design work for a church community in Seattle, WA called Icon. Most recently I have contributed several icons or patterns for use across their updated website and online presence, soon to be rolled out. The first three…

In this case study I explored three problems with the Spotify mobile app at the time of writing as I identified them. Since that time there have been a few updates to the app UI, which I examine in the second part of this case study. Overview Spotify is an…

a bike camping overnighter from two perspectives! — words and photos by Jonathan M. and Erin B. You may recall a story I published not too long ago concerning a Memorial Day trip last year, along with its companion piece from my partner Erin. …

An exploration of Strava’s newest UI — Last year I wrote a case study on the Strava fitness tracker mobile app, narrowing in on a feature I felt was sorely missing, but also identifiying a few other issues in the app’s UI. …

A UI Pattern Showcase — Home Page The most prominent content on the Home page is a series of five featured recipes arranged in a carousel. The carousel is used as a way to showcase a featured set of content pieces. Recognizing a tension between wanting to balance the time between all featured pieces equally (and not…

Directory and Development Document — The intent of this project is to showcase both the brand development and web design process via a fictional menswear brand called Kino. This page serves as an overview to the project as well as a directory for each individual component that contributes to the project as a whole. Disclaimer…

Mobile Cycling Navigation UX Case Study, 2/2 — This case study is the second in a series exploring cycling navigation in a mobile app environment. In my first case study, we explored a public route browse and search feature in the popular fitness tracker app, Strava. …