Website Design
Websites can be beautiful but they should also be intuitive and clear. The simplest website seems so straightforward because an incredible amount of design work went into getting to such an elegant solution. Since beginning mainly as a website illustrator, I have lately moved into the role of implementor and designer. I enjoy tackling complex user flow challenges and designing new features that allow the site to evolve yet maintain consistency and accessibility.
MicrobiomeDB Analysis Redesign
microbiomedb.org
2022
2022
Responsibilities: Led user-flow redesign, prototyping, contributed to implementation, created graphics.
Motivation: When we switched to an improved backend, the user experience needed a simplified flow to match. After many iterations, we arrived at a flow that minimized clicks and overall complexity for the user.
Tools and technology: React, TypeScript, React-Plotly, Figma, Visx, Illustrator.
Motivation: When we switched to an improved backend, the user experience needed a simplified flow to match. After many iterations, we arrived at a flow that minimized clicks and overall complexity for the user.
Tools and technology: React, TypeScript, React-Plotly, Figma, Visx, Illustrator.
|
|
Complex Systems Lab
complexsystemsupenn.com
2018, Commissioned
2018, Commissioned
Responsibilities: Overall design, logo, and illustrations.
Motivation: The Complex Systems lab was growing and was interested in a professional-looking lab website. The lab uses network science to understand biological systems, so I worked to incorporate a network theme throughout the site.
Tools and Technologies: Illustrator
Motivation: The Complex Systems lab was growing and was interested in a professional-looking lab website. The lab uses network science to understand biological systems, so I worked to incorporate a network theme throughout the site.
Tools and Technologies: Illustrator
|
|
Perry Zurn Website
perryzurn.com
2020, Commissioned
2020, Commissioned
Responsibilities: Overall design and illustrations.
Motivation: Dr. Zurn was looking for a personal research website that expresses his modern approaches to philosophical problems. We decided to implement this idea by using modern imagery created with colors taken from old texts.
Tools and Technologies: Illustrator, Photoshop
Motivation: Dr. Zurn was looking for a personal research website that expresses his modern approaches to philosophical problems. We decided to implement this idea by using modern imagery created with colors taken from old texts.
Tools and Technologies: Illustrator, Photoshop
|
|
|
Center for Complex Biological Systems
ccbsupenn.com (wayback machine)
2018, Commissioned
2018, Commissioned
Responsibilities: Overall design, logo, and illustrations.
Motivation: The Center for Complex Biological Systems was brand new at this time and did not yet have an identity. Through brainstorming with stakeholders we gave it a circuit board theme that represents how the members of the CCBS connect. I especially enjoyed this theme as I got to work with my electrical engineer family members to better understand and illustrate these wiring concepts.
Tools and technologies: Illustrator
Motivation: The Center for Complex Biological Systems was brand new at this time and did not yet have an identity. Through brainstorming with stakeholders we gave it a circuit board theme that represents how the members of the CCBS connect. I especially enjoyed this theme as I got to work with my electrical engineer family members to better understand and illustrate these wiring concepts.
Tools and technologies: Illustrator
|
|
|
|
AHA! Lab Website
ahalabupenn.com (wayback machine)
2020, Commissioned
2020, Commissioned
Responsibilities: Overall design, logo, and illustrations.
Motivation. Dr. Lydon-Staley was looking for his first lab website. He enjoyed poppy colors and simplicity, so I took a minimalistic approach to his site. I enjoyed the challenge of adapting some of his scientific figures to fit the fuchsia theme.
Tools and technologies: Illustrator, After Effects
Motivation. Dr. Lydon-Staley was looking for his first lab website. He enjoyed poppy colors and simplicity, so I took a minimalistic approach to his site. I enjoyed the challenge of adapting some of his scientific figures to fit the fuchsia theme.
Tools and technologies: Illustrator, After Effects
|
|
|