| layout | title | permalink |
|---|---|---|
page |
Portfolio |
/portfolio/ |
- Contents {:toc}
Here's what I'm actively working on these days.
{% include portfolio-now.html %}
These are some of my favorite pieces from clients and projects past.
Our son Owen has been in love with the world of Pokémon since he got Let's Go, Pikachu! for Christmas, 2019. I started taking a Vue.js course early in 2020, and decided to use his 4th birthday as an opportunity to build a real project with my new skills.
The POKéDEX app uses QR codes to "catch" Pokémon and add them to your list. We scattered these QR codes and pictures of their related Pokémon around our home for him to find. He picked up on the idea right away and had a blast!
It was a fun challenge to build something like this on a tight deadline and bolster my skill set. Here's a blog post with a high-level overview of the process I took to get to the final product.
{% include portfolio-link.html url='https://owen-pokedex.netlify.app/' title='POKéDEX app' %}
{% include figure.html src='https://www.orangedaisy.co/assets/images/work/csmm_1x.png' alt='' caption='' %}
Cordelia Smythe is the fictitious namesake of a murder mystery dinner party company based in northern California. When I was contracted to redesign their ecommerce website, I knew I had to emphasize this special character.
I spent a lot of time with the client hashing out the content, design, and presentation of their website to ensure it matched the level of care and detail they put into all of their mysteries. In order to keep the process fast and efficient, I utilized CodePen to rapidly iterate through ideas.
The first deliverable I worked on was the Brand Profile. Since we were reusing the majority of the content from the old design, this step gave me an opportunity to define the building blocks for the rest of the elements in the design. Using the brand profile, I created mockups for some of the primary content components—like telegrams, postcards, and notes—as well as a full-page mockup for an individual mystery feature.
Iterating through these pieces in a dependency-free environment like CodePen kept us focused on the task at hand, and made sure we weren't getting caught up in too many distracting details. My goal for the design was to pull the user into the world of Cordelia Smythe before they received their murder mystery. I think we captured Cordelia's spirit well, and the client was thrilled with the result.
{% include portfolio-link.html url='http://cordeliasmythemysteries.com/' title='Cordelia Smythe Murder Mysteries' %}
{% include figure.html src='https://www.orangedaisy.co/assets/images/work/haleighandsean_1x.png' alt='' caption='' %}
It's always a treat to be involved in a couple's wedding planning. For Haleigh and Sean, I worked with them to design a site that incorporated their colors and theme. The design is simple and understated, placing emphasis on the content and storytelling. This simplicity played an important role in ensuring the site was accessible by users (family and friends) of all ages, as well as a wide range of devices.
{% include portfolio-link.html url='https://www.orangedaisy.co/haleighandsean/' title='Haleigh and Sean wedding website' %}
{% include figure.html src='https://www.orangedaisy.co/assets/images/work/shiloh_1x.png' alt='' caption='' %}
The requirements for this project were pretty simple: show some pictures, provide a description, and link some documents. I took those simple requirements and ran with an idea to create something that looked like an ad you might see in a newspaper, relying on a clearly defined layout to section the information.
{% include portfolio-link.html url='https://www.orangedaisy.co/shiloh-lot/' title='Lot for sale brochure site' %}