UI/UX. Tea Collection was exploring the option of a new ecommerce platform which involved a responsive site design. Working within the available functionality of the new platform while incorporating the current look-and-feel of the site, I designed a checkout flow that incorporated the Foundation responsive framework across the breakpoints of mobile, tablet and desktop but used an adaptive mindset to design custom tweaks where I thought necessary.
I created high-fidelity wireframes to communicate the design to the development team, working cross-functionally on a weekly basis to discuss any issues/concerns until it was decided that this project would not move forward.
UI/UX, Visual. Many customers were experiencing confusion around the gift wrap section of checkout—shoppers were reporting that they had chosen a gift wrap option but received their orders without including that gift option. In working through the user flow and probing into the customer reports we had received, we pinpointed the issue to UI design.
I created four different design versions of the gift wrap flow and conducted user tests with internal employees to clarify any points of confusion. Taking findings from this informal user research, I refined the design and worked with the developers to finalize a design and flow that improved UX and reduced customer complaints regarding missing gift wrap in their orders.
At the same time, the new design also incorporated gift wrap with more color options and a compelling visual story which increased conversion on gift wrap.
UI/UX. Many customers were asking Tea for outfit creation guidance, specifically around how the colors of tops and bottoms worked together. Tea wanted to use this opportunity as a means of showing a curated group of products that would seamlessly work together—no matter what top or bottom was selected by a shopper (and avoid any possibility of a mismatched outfit)—and facilitate a higher AOV by allowing shoppers to add multiple items to their cart with one click.
I created an experience that would present the grouping of these merchant-curated collections (via color palettes navigable by the shopper) in a format that gave the shopper a chance to browse up to 3 outfit options in one glance when viewed on a desktop/tablet platform.Once a shopper found their ideal outfit, they could then add the entire outfit to their cart with one click. To view specific product details, I integrated the “Quick View” functionality where individual items could be added to a cart.
Flexible and scalable, this experience has proven highly successful in multiple applications (ie, seasonal swim shops, girl/boy outfits) and has seen high engagement with shoppers.
Design, UI/UX. TeaCollection.com needed a more flexible design of their product detail page to include more features without overwhelming the shopper with too much information.
In order to help focus the shopper on the product, just the key elements needed to shop an item were shown above the fold (size, color, rating). Any extraneous information was then pushed below the fold for those shoppers seeking more detail.
I designed a scrollable format that provided shoppers with bite-size chunks of information that was easily perusable. Tabs with a minimalist UI were integrated into the scrolling format when further detail was required within a section.
UI/UX. Tea Collection wanted to implement a product review feature to help increase user engagement as well as conversion by providing insight into products provided by fellow shoppers.
I designed the flow so the reviewer was kept on the product page but able to provide feedback on pop-up modals. Once done with the review, the intent was that the reviewer could continue browsing without having to find their way back to the category/product they were shopping.
UI/UX. Working within the confines of an out-of-the-box experience for a wishlist feature, I analyzed the current user flow to see where improvements could be made to the experience.
The mobile experience was key as we were realizing that more and more shoppers were interacting with the site on their mobile device—but to browse/preview rather than to shop. We wanted the wishlist to function as a shopping list so shoppers could easily add items while on the go, then have the option to access the list on their desktop computers to make the final purchase or share the list.
Design. Tea partnered with Olapic to integrate user-generated content (customers’ pictures of kids wearing Tea) that could then be made shoppable. I designed the gallery, lightbox and product page integration around available Olapic features with a brand-appropriate look-and-feel.
Art direction, design. As an extension of the Tea brand, I designed birth announcements, baby shower and birthday party invitations, holiday cards, as well as address labels and note cards using Tea’s prints and patterns. As the partnership progressed, I art directed Tiny Prints’ in-house design team in creating the card collections.
Design. A giveaway tote bag for an event unveiling Tea’s Morocco-inspired collection. I chose this graphic for its geometry and tiling, and with the use of a metallic bronze ink, I created a sophisticated visual that alluded to the season’s inspiration.
Concepting, art direction, design. Taking a cue from the collection’s Catalonia inspiration and Picasso’s history in Catalonia in particular, we focused the photo shoot concept for this catalog around the artist’s studio—inside and out.
Concept, design. A square, fabric-covered clamshell box with an embossed Tea logo on the cover was designed as an understated luxe presentation for Tea’s heirloom-quality baby sweater knits. The interior was lined with Tea’s iconic pattern and a label was affixed to the bottom of the box to show contents but could later be easily removed to reuse the box to store baby’s keepsakes.
Concepting, art direction, design. We focused this catalog’s photo shoot around subtle (and not so subtle) references to the iconic figure of Frida Kahlo and the everyday textures and colors of modern Mexico.
Concept, design. EEME.co needed a logo fast. An educational tech start-up creating electronics kits for 7-12 year olds, I designed a logo that referred to the retro-geek-chic factor of the early video gaming days (think Atari and Pacman). The blockiness of the logo also references the shapes of the kits themselves.
Design, writing, illustration. Working with the concept of furoshiki, the traditional Japanese wrapping cloth used to present gifts or just to carry items to and fro, I designed a generous sized cloth with an iconic Tea pattern, a base board with illustrations showing how to reuse the furoshiki and a simple gift tag to work with Tea’s available resources.
Concept, design. I wanted to start a blog for my extracurricular crafting interests but couldn’t find a design I liked with the functionality I wanted. So I delved into the world of WordPress templates to customize my own.
Design. Taking 6 iconic prints from the historical archives of Tea’s 10 year history, I designed blank notecards highlighting the patterns on the front while organically working the graphics around the branding info on the back. The bellyband was designed to complement the print showing at the top of the stack.
Design. Working in collaboration with a music partner, Tea compiled a sweet collection of world lullabies to help soothe little ones to sleep. I designed the package around gorgeous baby photos and cozy sleep shots. The trifold cover enclosed a booklet and the CD itself.
Design. This box was designed to sit next to the Keepsake Gift Box and present a more affordable option for gift givers. A paper-covered clamshell box was given more appeal by printing a subtle linen texture on the paper which didn’t detract from the patterns on display through its cut-out window. The interior was lined with Tea’s iconic pattern and a label was affixed to the bottom of the box to show contents.