Upgrade to Pro — share decks privately, control downloads, hide ads and more …

beter-design-through-disc.pdf

James May
July 20, 2011

 beter-design-through-disc.pdf

James May

July 20, 2011
Tweet

More Decks by James May

Other Decks in Design

Transcript

  1. © 2011 Online Success online branding mobile web site email

    marketing new web site digital media plan social media Tuesday, July 19, 2011
  2. © 2011 What Do We Know? The client is AppJunkie.

    They are a iPhone App developer. The most popular app is Angry Angry Raccoons. It’s for sell for 1.99 on the iTunes store. They have a few other apps they sell. They want a “simple” site for their apps, blog and an area to talk about the company. 1 2 3 4 Tuesday, July 19, 2011
  3. © 2011 1: Users 2: Information 3: Technology 4: Creative

    5: ROI 6: Evolution Tuesday, July 19, 2011
  4. © 2011 Home Menu Our History Community Email Signup Photo

    Gallery Shakey’s Net Inside Shakey’s Activities Privacy Policy Contact Page Number Single Page Outbound Link Interactive Cross Link 1 Multiple Pages Callout Franchise Locations Shakey’s Golden Fried Chicken Shakey’s Pizza Shareables Specials Kids Menu Drink Menu Party Packages Bunch of Lunch Bu et Our History Support Systems FAQs Join the Family Pricing Options Application Shakey’s Net Become a Team Member Management Opportunities Benefits Recruitment Events Training & Development Apply Now! Job Search Includes: Ŕ4IBLFZōT1J[[B/JHIUT Ŕ:PVUI4QPSUT1SPHSBNT Ŕ:PVUI*ODFOUJWF1SPHSBNT Ŕ1J[[B&WFOUT Ŕ.BLFQBSUZJOWJUBUJPOT Includes: Ŕ*OUFSBDUJWFNBQ Ŕ/FBSFTUMPDBUJPOT Ŕ$PNJOHTPPOOFBSMPDBUJPO Ŕ"QQMZ/PX #PPL&WFOU (links to subdomain/ new site look) Have users tag flickr photos with #shakeys (links to subdomain/ new site look employee section) Employment Social Media Links Event Feed Myspace Facebook :PVUVCF Twitter Delicious Stumbleupon Urban Spoon Socializer Digg :FMQ Callouts Store Locator New Menu Item Specials Party Place New Look Email Signup Join our Team Featured Event Order Online Testimonials Constant Order Online Interactive Features Video Game Directs users to a discount in the game room Beer Mug Displays a beer menu Timeline Interactive history timeline of the store Make :PVS Own Lets users create their own pie Vote for Favorite Pizza vs. Fried Chicken Interactive Tour Provides view of the new look of the stores Store Locator Just for Kids Event Signup (email invite) Events News/Press .BLF:PVS Own Invite Create email invitation for pizza party at Shakey’s (shows on screens) Store Locator Store Specials Email Signup Employment News/Press Franchise This links will appear in the bottom footer "QQFBSJOUPQIFBEFS OPUOBWJHBUJPO Testimonials Testimonials Career Development Tool Testimonials Events from emails will be featured on the screens throughout the SFTUBVSBOU BTXFMMBTUIFGFFEPOUIF site - if customer approves. 1 Menu Inside Shakey’s Activities Store Locator Franchise Employment Contact Privacy Policy Shakey’s Net Site Map Copyright ©2009 Shakey’s Pizza Parlor FPO LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT. Pizza Specials Interactive TV/Commericals Visit the Game Room Join Our Team! Make Your Own Order Online, Pick it Up! Monthly Specials View Lorem ipsum dolor sit amet, con- sectetur adipsicing elit, sed do eiusmode tempor incididunt ut. Party Place View Lorem ipsum dolor sit amet, con- sectetur adipsicing elit, sed do eiusmode tempor incididunt ut. Pizza in Your Inbox! Lorem ipsum dolor sit amet, con- sectetur adipsicing eli. enter email Signup View Menu announcement board (rss) 2 3 Thinking in Layers © 2011 Tuesday, July 19, 2011
  5. © 2011 New stuff we learned They plan to o

    er apps for other devices and the site needs to support that. They really want to get people to signup for the newsletter. That’s a big priority for them. They need to show videos of the games in the games listing. They want to integrate youtube. The blog will have 4 categories: “The Devs”, “Creative Fun”, “Around the O ce” and “New Toys” 1 2 3 4 Tuesday, July 19, 2011
  6. © 2011 Wine Finder Shop Employment Newsletter Home Wine Finde

    News and Events News Events Press Releases Event Detail Press Release Detail News Detail Tours & Tastings Weddings Wine Club Special Events Photo Gallery Our History (link to history pages from timeline) Vineyard Tours Group Wine Tastings Public Wine Tastings Club Benefits (join, update info links - cart) Reviews This link will appear in the meta nav, but page structure remains the same. Weddings & Special Events About Us Global Links Share | Twitter | Facebook | Sergio’s Blog | Contact Us | Trade & Media | Search Information Architecture Tuesday, July 19, 2011
  7. © 2011 USER GEO TRACKING RETURNING VISITORS FIRST TIME VISITORS

    SET COOKIE TUV COUNTRY HOME PAGE SELECTED SERVICE PORTAL PAGE IF INCORRECT, USER CHANGES REGION ! Cookie Cookie USERS CAN EASILY CHANGE LANGUAGE & NEW COUNTRY ! NOTE USE DEFAULT COOKIE CHOOSE SERVICE & SOLUTION FOR THAT COUNTRY Service 1 Service 2 Service 3 Service 4 Business Consumer Solution 1 Solution 2 Solution 3 Solution 4 Solution 5 Solution 6 Solution 7 Solution 8 First time users are automatically routed based on their ip address to the country home page. At all times, users can change counties and language. An option to choose their solution then service is integrated into the home page. Returning users, default to the home page set by the previous session cookie. Similar Examples: Audi.com, Samsung.com CONVERSION GET A QUOTE PROS: - Smarter, takes user directly to country/region based on geo tracking or previous cookie information - 2 page views to get to a service detail page CONS: - International information would need to be displayed in each country/region User Flow Tuesday, July 19, 2011
  8. © 2011 Murrieta’s Well Lorem Ipsum LEARN MORE Lorem ipsum

    dolor sit amet, consectetur adipiscing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Exclusive Small Lot Wines VIEW WINES Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Murrieta’s Well Unforgettable Estate Blends Lorem ipsum dolor sit amet, consectetur adipi- scing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Mauris placerat ornare erat non suscipit. Integer vitae est quam.dolor. LOREM IPSUM !"#$%%&'()*+,-./#,+0.12340.5#)#,.316.(0+67. 8#%3+86+64,.(5121381%9.+)16:.;+%+(%.(5121381%9. +4130#5.(88403(%:.<+5.%+8.=#)462(6.5#)#,: !8$,1312340-./#,+0.12340.5#)#,.316.(0+67. 8#%3+86+64,.(5121381%9.+)16:.;+%+(%.(5121381%9. +4130#5.(88403(%:.<+5.%+8.=#)462(6.5#)#,: Talk Reviews News Events Special O er /#,+0.12340.5#)#,.316.(0+67. 8#%3+86+64,.(512:.;+%+(%. (5121381%9.+4130#5: Our Wines About Us Wine Club Weddings and Events Wine Finder Shop Logo Search Sergio’s Blog News & Events Contact Us Trade &Media Share Twitter Facebook About Us Visit Us Our History Tours & Tastings Do this Not this Wireframes Tuesday, July 19, 2011
  9. © 2011 New stuff we learned The client actually needs

    8 more pages than initial specified including forms and modal windows. They want a carousel for the homepage to play youtube videos. They don’t like the youtube player look. They want a Twitter feed of their lead developer. and you have a potential up-sell for some Facebook tabs. Dev needs extra time to modify Drupal’s user registration process to suite the client. 1 2 3 4 Tuesday, July 19, 2011