I am a designer who enjoys conceptualizing new ways to solve problems and has the passion to complete and build ideas through final deliverables. I find pleasure in designing experiences that not only provide use, but also delight. I believe technology and design are powerful tools in educating and empowering people, and they are staples in my process. I am eager to learn and I find pleasure in working with others to overcome obstacles.
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
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.
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.
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.
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.
While I was at a leading innovation and design consultancy I worked on a client’s legal tech tool for litigation law. The tool was one of the first in the litigation space that aimed to house all documentation and work on a case in a digital collaborative platform. The goals of the client were to make a successful tool that aides in the painstaking process of litigation, which is still mostly done on paper, and be so good at what it does that law firms will continue signing up to use their tool.
When we were introduced to the tool, onboarding looked like this :
1. Receive Immersive Demo From Team
2. Receive intro email
3. Click on link in email
4. Log in
5. Land on a screen with a bunch of cases, alerts, and dropdown on it
Our initial response to this was:
Why is the first landing page so complex? Why is there so much detail? How do I get where they showed me in the demo again?
In order to answer these questions, we had to dive further into research. We decided to interview stakeholders and their only current user to get an idea what was going on.
Our goals in these interviews were:
1. Understand the core flow of litigation
2. Understand the role the tool plays in that step
3. Recognize and gain empathy for the current user group and tasks they want to achieve
4. Reveal touchpoints with the team
6. Reveal new opportunities
Core Flow
From stakeholder internal and external interviews, we developed core flow of every event that happens in litigation and where the tool fits into that step in that process. As another layer on top of that, we mapped user feelings, desired tasks, and new opportunities.
We saw that there were a lot more steps than we thought.
1. Litigation team starts a case outside of the tool
2. Team hear about tool to help them and gets a demo
3. Litigation team buys tool and lead gets email
4. All their current e-discovery documents are imported for litigation team
5. User creates account
6. Logs in
7. Land on Case List & Alert page
8. Select a case
9. Land on Case Homepage
10. Add team members to case
11. Add more documents to case through Production Log
The tool was a huge disconnect just at the start. There was a huge hurdle in setup, but once you got past that barrier, it was clear the benefit of the tool had. This was a huge opportunity for our team to redesign onboarding.
Developing Archetypes
We created archetype cards for the client to determine what type of user they aimed to service. Client decided that most of their potential users would want to focus onhave more of a maverick mindset. They would be open to change, disatisfied with current tools, bypasses processes, focused on performance, and was progressive.
Personas
We also developed litigation role focused personas. Our archetype cards really inspired the personas for Knowledge Management and Corporate Counsel.
Since onboarding was such a big opportunity, we decided to focus our efforts on the current homepage. We decided to test 3 concept themes--a task mangement dashboard, a dashboard using litigation milestones, and a case list dashboard. These were some early sketches from those themes:
This is how the concepts got more refined as we continued: