How Did I Get To This Website?

An Interactive Story Concept About How The Internet Works

How Did I Get To This Website? is a web narrative that explains in deep detail about how the internet works. From the point of a mouse click or an enter button pressed (after a URL is typed), the computer sends a request for a website that gets back to a user in a human-legible context. But what happens in between? What is common knowledge about the internet is not necessarily the same as what computer engineers or scientists know about the internet. How Did I Get To This Website? aims to fill in those gaps that ordinary users do not know.

The narrative is constructed in scenes taking the user every step of the way, linking one scene to the next.

The color palette was derived from physical computing and circuitry. I think these things are beautiful.

One of of the biggest challenges I faced during this project picking each of these "scenes" for parts of the story. I wanted to make the material digestable, yet thorough enough. Figuring out the drawings that went with each was a really essential part of the process.Since a lot of the internet is physical, I conveyed that idea through perspective drawings that animate subtly.

Want to see how I got to this concept? Check out my thought process and design decisions on my thesis process blog.

• Date: 2014-2016
• Client: Parsons Thesis
• Category: Visual Design - Narrative

Close Project

Design and Flow Website

A Website Template

Design and Flow's Website is a freelance project I had the pleasure of working really closely with other designers on. Since Design and Flow is a company that is becoming more and more known from places such as Wanted Design and NYCxDesign, we decided that we needed to take a more serious approach to the redesign of their website. Together with their team, I designed a template that not only created a system of content, but a more aesthetically pleasing presence as well.

You can view the template here.

Close Project

Pros and Cons App

App Concept

This decision making app is a tool (and personal project of mine) that aides in the process of long term and heavy decisions. It's audience is particularly for those adults who experience indecisiveness. At some point and time, everyone has needed to write their thoughts down and evaluate a decision and at times it can be difficult. This app keeps the skeumorphic of writing ideas down, but it also has some carefully considered features that can't be achieved on paper. The goal is to help gain easy analysis into the way one makes decisions, but in the future it will also aide in making the process faster.

Sometimes the issue with pro and cons lists I found was that the user still does not know which side to pick despite having great reasons. I conducted a lot of interviews prior to designing this app, and a lot of people despite having a list in front of them did not feel comfortable about their decision. Through these interviews, we also came to the conclusion that it would be more helpful to assign value to each reason a user gives in their list. Finding the right way to gauge this was actually the hardest part of designing this app.

Close Project

Alea Home And Garden Website

Small Company Full Website

Alea's Home And Garden website is a project I have been working on over the course of this year. It's a simple portfolio website for a local contractor in Greenwich, CT. It serves the purpose of promoting his work, showing what services he has to offer, and the best ways to reach out to him.

The approach to this website was a simple one with a large focus on imagery, as the client and I decided that showing his work would be key in drawing in more customers.

The client had a really large body of work, so a great way to tackle showcasing his work was to divide the types of services he offered into separate portfolio pages. This way potential customers could not only see they types of services he had to offer, but different styles he was able to achieve as well.

As the designer working for a small local business, I thought it was really important that this website was responsive. My client works in a very prosperous area where a majority of people look things up on their phones, so mobile compatibility was key.

Want to see more? The live website is located here.

Close Project

Lululemon Content Strategy Project

Editorial Content Strategy

This deck is an ongoing side project that started in my Editorial Content Strategy class at Parsons. In this work I create a strategy for the content of a potential Lululemon blog. This deck includes the landscape review of Lululemon itself as a major athletic brand, a strategy for how to address content, potential story types for the blog, and the cadence of said stories.

You can view the entire deck below:

Close Project

Legaltech Services

UX Design