Going Mobile
Totokaelo
Concept Sketch - 1 Prepared by Tiffany Lin 2.3.14
2 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
One. Move to Responsive with a Mobile First Strategy
Currently... Totokaelo.com - HOME
Goal:
To create once and publish everywhere.
How:
Links to...
With a mobile first strategy the first step is a re-design, making the Totokaelo website a responsive web experience. Womens
Mens
Art-Object
3 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
One.
Move to Responsive with a Mobile First Strategy Suggested Site Navigation
Woman
Man
Clothing Footwear Accessories Signature Sale
Header Sign in/Membership
Footer Gift Certificates
Art-Object
Clothing Footwear Accessories Signature Sale
Search
Art Object Furniture Lighting Tabletop Textiles
Shopping Bag
About
Blog
Shipping & FAQ’s
Privacy Policy
Receive Email Updates Contact Us
Investor Opportunities
4 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
One. (Sketches)
Move to Responsive with a Mobile First Strategy
Desktop Home Page | Header Menu | Main Nav | Ad/Image Slider | Featured/ New Items as Image Nav | Suggested Items, More Features
Flex to Mobile
5 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
One. (Sketches)
Move to Responsive with a Mobile First Strategy
Desktop Storefront | Side Filtering
Flex to Mobile
6 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
One. (Sketches)
Move to Responsive with a Mobile First Strategy
Desktop Blog | Article Blocks
Flex to Mobile
7 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
Two. Competitive Analysis Goal:
Finding ideas that work.
How:
Visiting industry specific, audience matched sites. Trying things out, finding the best for you.
Fab.com
TheLine.com
Anthropologie. com
8 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
Two. (Fab) Competitive Analysis
Desktop Fab prepares content for “publish once.�
Flex to Mobile
9 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
Two. (Fab) Competitive Analysis
Desktop Fab has a visual menu to match their text based menu.
Flex to Mobile
10 Going Mobile : Totokaelo
Two. (Fab) Competitive Analysis
Mobile Special features, more info/filters pop-out or hover.
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
11 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
Two. (The Line) Competitive Analysis
Desktop Blog provides blocked summary/list of each article.
Flex to Mobile
12 Going Mobile : Totokaelo
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
Two. (Anthropologie) Competitive Analysis
Desktop Heavy photo landing page has a mobile version. Mobile version focuses on membership and cart
Flex to Mobile
13 Going Mobile : Totokaelo
Two. (Anthropologie) Competitive Analysis
Desktop The mobile version has a very easy to find “shop by lookbook.� The desktop version buries this option, then opens the lookbook in a new window.
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14
14 Going Mobile : Totokaelo
Thanks!
What’s Next...? A User Path Plan.
Concept Sketch-1: Prepared by Tiffany Lin 2.3.14