Look + feel
The layout
Mystic Timber’s site features wide format layouts to showcase their eCommerce products, grid structures of educational pages, large interactive maps and store locators to engage users, and bold icons to build trust through reviews and ratings.
Style guide
Visual identity
Mystic Timber portrays a handmade, natural, functional, and drop-dead gorgeous brand identity. The art direction needed to fit accordingly and to translate those core values in the style guide. Primary colors include green and black with neutral backgrounds. We selected heavy, bold san serif fonts that would depict simplicity and transparency.
Colors

Typography


Content organization
IA + Wireframes
Information architecture (IA) reports are detailed, unique, and insightful. The results of the IA becomes the guideline for migrating data from existing sites. The IA also becomes the blueprint for successful application of technical SEO directives. The site navigation diagram includes all pages and touch points for the user to accomplish a task on the site.
Wireframes are designed with Figma upon the current site and notes provided during initial discussions and IA reports.




Project Brief
The Jorgensen’s are a family-owned businesses who manage the Mystic Timber product line to provide individuals, business customers, and friends with artisanal smoking and vaping tools that are lightweight, beautiful, strong, and hand friendly.
Goal
The primary goal of this development project is to refresh design, implement technical SEO, integrate WooCommerce with wholesale product ordering, and produce store locators for approved retailers.
