Specializing in ceramics, Espiritu translates imaginative concepts and stories into relatable objects of unique shapes and forms. Espiritu is a contempory ceramic studio based in Vancouver, Canada. The goal was to update Espiritu's brand and create a responsive ecommerce site that showcases each of of the product in the best way possible online. As well, we wanted to give users a seamless experience in customizing (if applicable) their product.

Roles: UI Design - Myself | Branding & Art Direction - Michael Lee | Development - Justin Chow


Wireframes, sitemap, all the good shizzz


The Espiritu typographic palette is made up of two typefaces called Kabel and Hoboken. Kabel is reserved for headlines and subheads where a bigger type size allows the playful and organic letter forms to come through.

Hoboeken is primarily used to typeset smaller and extended bodies of text. The delicate yet timeless letter forms remind readers of the experience of reading a storybook.

Espiritu motifs • Striped down to the basics, these visual symbols are developed to represent the Espiritu’s inspirations, philosophy, processes, as well as various tools and materials used by the designer. When placed strategically across touch points, they are a core visual component of the brand. The current set of icons will continue to expand as the brand continues to evolve and grow, fulfilling more functions and purposes. Designed by Michael Lee


 Explain why site was designed the way it was. image focus. first time users, only 5 products. afford to explain process and story of each product. Heavhily visual, walk first time visitors through a narrative to understand and see the process that goes behind creating each product.

[unex_ce_button id="content_vt3ctsw89" button_text_color="#ffffff" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#53609b" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#53609b" button_border_radius="0px" button_text_hover_color="#53609b" button_text_spacing_hover="2px" button_bg_hover_color="#f3f3f3" button_border_hover_color="#53609b" button_link="" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]View Fully Responsive Site[/ce_button]


Measure and track conversion and bounce rates. Improve CTA,