Project 2 Case Study

1. truespirit
Erik Evangelista

2. 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.

3. 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.

4. sitemap

5. the prototype
http://invis.io/ZVKU6HNX

6. other pages
homepage

7. other pages
normal category

8. other pages
nonsigned checkout

9. other pages
nonsigned checkout

10. case study
flows & maps
competitive analysis
wireframing
}
invoking brand and persona

11. case study
1 flows & maps
2 wireframing
3 competitive analysis
4 …rewireframing
5 invoking persona and brand
6 …rewireframing
7 what’s a sitemap? layers?

12. flows and maps
method
sketch a vision; what do they see, what do
they need, and how do they get to
where they want to be?
findings
interplay between all the main elements
revealed.
opportunities
optimize shopping loops for:
1) signed in users
2) nonsigned users
create robust navigation from all layers
of the site

13. wireframe & iteration
homepage

14. homepage

15. primary category

16. secondary category

17. product detail

18. checkout modal

19. payment

20. payment

21. comp analysis + branding/personas
open, lighthearted and friendly

22. modern and curated

23. familiar and expected

24. modern and efficient

25. iteration findings
Not all stealing is good, but familiarity is safe
Somewhat difficult conveying brand with lowlevel images

26. project takeaways
• steal, synthesize, iterate
• steal something, but make it work
• “does anyone else do that?”

27. project takeaways
• prototype interviews
• bottom-up vs top-down
• concept more, pixel less