7/23/2019 Thought Process for an penzeys.pdf

1/13

Thought Process for an Websitehttps://www.penzeys.com/

PenzeysSpices is a retailer of spices in the U.S. It operates 70 retail outlets in 29 states

nationwide as well as mail order and online shopping.

Below are Process followed by the UX from start to Finish

Rough sketch

https://www.penzeys.com/https://www.penzeys.com/https://www.penzeys.com/https://www.penzeys.com/

7/23/2019 Thought Process for an penzeys.pdf

2/13

Dialogue Map

7/23/2019 Thought Process for an penzeys.pdf

3/13

7/23/2019 Thought Process for an penzeys.pdf

4/13

Sitemap

Image Artifacts Details

Skip to end of metadata

Created byAnthony Leo, last modified onAug 21, 2014

Go to start of metadata

Spice Product Images

a. Spice Product Thumbnail - 140px (w) x 170px (h) - (Optimization Quality if 60 gives approx.

-9kb file size)

b Spice Product Main - 280px (w) x 340px (h) - (Optimization Quality if 50 gives approx. -14kb

file size)

c. Suggestive Selling for Spices Thumbnail (same as Product Thumbnail) - 140px (w) x 170px

(h) - (Optimization Quality gives approx. -9kb file size)

Recipe Images

a. Recipe Thumbnail - 290px(w) x 200px(h) - (10-15 kb file size)

b. Recipe Main - 750px(w) x 420px(h) - (25-35 kb file size)

Story Images

a. Story Thumbnail - 240px(w) x 240px(h) - (10-15 kb file size)

b. Story Main Image - 750px(w) x 420px(h) - (25-35 kb file size)

Home Page SliderImages (Cooking / Shopping)

a. Slider Image - 750px(w) x 420px(h) - (25-35 kb file size)

Cook Images

https://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Detailshttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Detailshttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details#page-metadata-endhttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details#page-metadata-endhttps://spiderlogic.jira.com/wiki/display/~nchakravartyhttps://spiderlogic.jira.com/wiki/pages/diffpagesbyversion.action?pageId=105709715&selectedPageVersions=2&selectedPageVersions=3https://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details#page-metadata-starthttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details#page-metadata-starthttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details#page-metadata-starthttps://spiderlogic.jira.com/wiki/pages/diffpagesbyversion.action?pageId=105709715&selectedPageVersions=2&selectedPageVersions=3https://spiderlogic.jira.com/wiki/display/~nchakravartyhttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details#page-metadata-endhttps://spiderlogic.jira.com/wiki/display/PS/Image+Artifacts+Details

7/23/2019 Thought Process for an penzeys.pdf

5/13

a. Author Thumbnail - 240px(w) x 240px(h) - (10-415 kb file size)

Gift Boxes

a. Gift Category Thumbnail - Thumbnail Image - 290(w) X 200(h)

b. Gift Product Thumbnail - 140(w) X 170(h) (it comes on Related Products )

c. Gift Product Main - 380(w) X 280(h)

Fun Stuff

a. Fun Stuff Category Thumbnail - Thumbnail Image - 290(w) X 200(h)

b. Fun Stuff Product Thumbnail - 140(w) X 170(h) (it comes on Related Products )

c. Fun Stuff Product Main - 380(w) X 280(h)

7/23/2019 Thought Process for an penzeys.pdf

6/13

Wireframes - Desktop

7/23/2019 Thought Process for an penzeys.pdf

7/13

7/23/2019 Thought Process for an penzeys.pdf

8/13

7/23/2019 Thought Process for an penzeys.pdf

9/13

WireframeMobile

7/23/2019 Thought Process for an penzeys.pdf

10/13

7/23/2019 Thought Process for an penzeys.pdf

11/13

Wireframeipad

7/23/2019 Thought Process for an penzeys.pdf

12/13

7/23/2019 Thought Process for an penzeys.pdf

13/13

Live site - https://www.penzeys.com/