ErikEvangelistaProject2CaseStudy
-
Upload
erikevangelista -
Category
Technology
-
view
223 -
download
0
description
Transcript of ErikEvangelistaProject2CaseStudy
![Page 1: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/1.jpg)
truespirit
Erik Evangelista
![Page 2: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/2.jpg)
about
Truespirit is a uniform clothing website for parents who need to know what they can shop for while doing so efficiently and freely. (Erik’s) Truespirit provides a straightforward way to assemble and purchase your uniform while providing an open-ended but familiar experience.
![Page 3: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/3.jpg)
the project
Truespirit aims to meet client and user needs by synthesizing great existing shopping experiences with the personalities and motivations of Truespirit’s consumers to create a seamless and easy transition.
![Page 4: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/4.jpg)
sitemap
![Page 5: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/5.jpg)
the prototype
http://invis.io/ZVKU6HNX
![Page 6: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/6.jpg)
other pageshomepage
![Page 7: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/7.jpg)
other pagesnormal category
![Page 8: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/8.jpg)
other pagesnonsigned checkout
![Page 9: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/9.jpg)
other pagesnonsigned checkout
![Page 10: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/10.jpg)
case study
flows & mapscompetitive analysis
wireframinginvoking brand and persona}
![Page 11: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/11.jpg)
case study
1 flows & maps2 wireframing
3 competitive analysis4 …rewireframing
5 invoking persona and brand6 …rewireframing
7 what’s a sitemap? layers?
![Page 12: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/12.jpg)
flows and maps
methodsketch a vision; what do they see, what do they need, and how do they get to where they want to be?
findingsinterplay between all the main elements revealed.
opportunitiesoptimize shopping loops for: 1) signed in users2) nonsigned users
create robust navigation from all layers of the site
![Page 13: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/13.jpg)
wireframe & iterationhomepage
![Page 14: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/14.jpg)
homepage
![Page 15: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/15.jpg)
primary category
![Page 16: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/16.jpg)
secondary category
![Page 17: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/17.jpg)
product detail
![Page 18: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/18.jpg)
checkout modal
![Page 19: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/19.jpg)
payment
![Page 20: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/20.jpg)
payment
![Page 21: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/21.jpg)
comp analysis + branding/personasopen, lighthearted and friendly
![Page 22: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/22.jpg)
modern and curated
![Page 23: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/23.jpg)
familiar and expected
![Page 24: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/24.jpg)
modern and efficient
![Page 25: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/25.jpg)
iteration findings
Not all stealing is good, but familiarity is safe
Somewhat difficult conveying brand with low-level images
![Page 26: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/26.jpg)
project takeaways
• steal, synthesize, iterate• steal something, but make it work• “does anyone else do that?”
![Page 27: ErikEvangelistaProject2CaseStudy](https://reader035.fdocuments.in/reader035/viewer/2022062616/54b417ba4a7959645b8b458a/html5/thumbnails/27.jpg)
project takeaways
• prototype interviews• bottom-up vs top-down• concept more, pixel less