STAKEHOLDER DELIVERABLES
CREATED BY Sarah Holden
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
CONTENTS INTRODUCTION .......................... 1 WELCOME 2 PURPOSE 3 BRAND LOOK & FEEL .................. 4 MOOD BOARD 5 LOGO 6 PRODUCT PACKAGING 7 PHOTOGRAPHY 8 COLORS & TYPOGRAPHY 9
SITE DEVELOPMENT ................... 10 PERSONAS 11 SITE MAP 13 HI-FIDELITY WIRE FRAME 14 WEB ADVERTISEMENTS 15 CONCLUSION ............................. 18 PROTOTYPE 19 MOCK-UP 20 FUTURE DEVELOPMENT 21
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
INTRODUCTION
WELCOME This is Mint & Badger. Naturally simple, bold, and refined. Take a moment to experience the look and feel of Mint & Badger’s revitalized brand. Finally, peek behind the curtain to see how it all comes together in Mint & Badger’s pristine, new on-line store prototype.
2
Introduction
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
PURPOSE This document was compiled for Mint & Badger Soap & Shaving Co. Stakeholders to:
• showcase the look and feel of the brand • show the development process • provide access to the active prototype website
Message for content creators: be aware this document is not a comprehensive brand standards guide. Please refer to the Mint & Badger Soap & Shaving Co. Brand Manual for developing new content.
3
Introduction
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
BRAND LOOK & FEEL
MOOD BOARD
5
Brand Look & Feel
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
PRIMARY LOGO
6
Brand Look & Feel
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
PRODUCT PACKAGING
7
Brand Look & Feel
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
PHOTOGRAPHY
8
Brand Look & Feel
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
COLORS BADGER BLACK HEX: #231F20
TYPOGRAPHY
HEADERS ROBOTO BOLD CONDENSED CASE: ALL CAPS
CLEAN WHITE HEX: #FFFFFF
SUB-HEADERS ROBOTO CONDENSED CASE: ALL CAPS
SLATE HEX: #323439
Body Copy Roboto Regular Case: Normal
MINT LEAF HEX: #89DEC5
MINT BADGER HEX: #E1F2ED
9
Brand Look & Feel
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
SITE DEVELOPMENT
PRIMARY PERSONA
11
Site Development
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
SECONDARY PERSONA
12
Site Development
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
SITE MAP
13
Site Development
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
HI-FIDELITY WIRE FRAME Navigate through the Hi-fidelity Wire Frame to view creator comments about the development process and details on alterations made to the design from previous versions. This is an active hyper-link that will open in your default browser. https://xd.adobe.com/view/d8ebd015-1277-40f6-49a6-ed0d8f0bc0ec-aeda/
14
Site Development
Š MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
WEB ADVERTISEMENTS
LEADERBOARD (728 X 90) PX PLACEMENT: Top of web page, center if possible, above or below site header & navigation
MEDIUM RECTANGLE (300 X 250) PX PLACEMENT: Top left or right of page, below site header, above body copy
15
Site Development
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
WEB ADVERTISEMENTS
HALF PAGE (300 X 600) PX PLACEMENT: Top of page, below site header & navigation, left or right of body copy
LARGE RECTANGLE (336 X 280) PX PLACEMENT: Middle to bottom of page, left or right in-line with body copy
16
Site Development
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
WEB ADVERTISEMENTS
SKYSCRAPER (120 X 600) PX PLACEMENT: Top of page, below site header & navigation, left or right of body copy
17
Site Development
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
CONCLUSION
PROTOTYPE The following is the final prototype link for Mint & Badger’s on-line store. Please, enjoy. https://xd.adobe.com/view/0756a14a-90cc-4a85-46d2-ac81cf0998eb-7167/?fullscreen
19
Conclusion
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
MOCK-UP
20
Conclusion
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018
FUTURE DEVELOPMENT The current demographic for Mint & Badger’s customer base is between 45 - 65 years of age. Currently, this demographic uses primarily desktop computers for the majority of their web usage and on-line shopping. Research shows that between 65-78% of Mint & Badger’s market use Facebook as their primary social media platform. This percentage of users drops dramatically for other types of social media. User-testing of Mint & Badger’s prototype support these research findings, with users struggling to identify social media icons for sites other than Facebook.
21
Conclusion
What does this mean for the future of Mint & Badger’s on-line store? As the market ages, Mint & Badger’s target demographic will shift to consist of users who are more comfortable with (and eventually favor) mobile platforms for their web needs. Therefore, Mint & Badger should embrace the mobile platform for their online store in preparation of this shift. Additionally, this same market will demand the integration of additional social media platforms to account for the most popular social media usage with the current market.
© MINT & BADGER SOAP & SHAVING CO. Stakeholder Deliverables, 2018