truespirit

Erik Evangelista

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.

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.

sitemap

the prototype

http://invis.io/ZVKU6HNX

other pageshomepage

other pagesnormal category

other pagesnonsigned checkout

other pagesnonsigned checkout

case study

flows & mapscompetitive analysis

wireframinginvoking brand and persona}

case study

1 flows & maps2 wireframing

3 competitive analysis4 …rewireframing

5 invoking persona and brand6 …rewireframing

7 what’s a sitemap? layers?

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

wireframe & iterationhomepage

homepage

primary category

secondary category

product detail

checkout modal

payment

payment

comp analysis + branding/personasopen, lighthearted and friendly

modern and curated

familiar and expected

modern and efficient

iteration findings

Not all stealing is good, but familiarity is safe

Somewhat difficult conveying brand with low-level images

project takeaways

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

project takeaways

• prototype interviews• bottom-up vs top-down• concept more, pixel less