Web and Mobile UI Design

  • 316 views
Uploaded on

Examples of finished web and mobile site prototypes.

Examples of finished web and mobile site prototypes.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
316
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. QARDZ.net Great For: Connect the analog with the digital Art Galleries and Exhibitions POP Displays with QR codes Restaurant Menus Possible Applications: Print them on your caption cards, menus or product info cards and give the customer Artist Statement and Bio Slideshows access to more information on their mobile Curatorial notes devices. Video or audio interviews Tours of the artist studio Purchase inquiriesTry Tag Now!Download the Tag appat http://gettag.mobi
  • 2. QARDZ.net on the cost of printing hundreds Save or thousands of postcards when a single code on a caption card links to a mobile website that can include a wealth of additional content: At gallery events, viewers can scan your caption card, and connect with additional content and contact information:
  • 3. QARDZ.net Great For: Connect the analog with the digital Art Galleries and Exhibitions POP Displays with QR codes Restaurant Menus Possible Applications: Print them on your caption cards, menus or product info cards and give the customer Artist Statement and Bio Slideshows access to more information on their mobile Curatorial notes devices. Video or audio interviews Tours of the artist studio Purchase inquiries Contact: Lee Barry Qardz.net c/o Object Design + Media P.O. Box A3914 Chicago, IL 60690Try Tag Now! lbarry@qardz.netDownload the Tag appat http://gettag.mobi
  • 4. QARDZ.net Save on the cost of printing hundreds or thousands of postcards when a single code on a caption card links to a mobile website that can include a wealth of addi- tional content: Artist Statement and Bio Slideshows Curatorial notes Video or audio interviews Tours of the artist studio Purchase inquiriesAt gallery events, viewers can scan your caption card, and connect with additional content and contact information:
  • 5. HOME Home About Participate Blog Forum Sign Up
  • 6. ABOUT Sign In | Register Home About Participate Blog Forum Electronic Fortune Cookie Fortunes Using free scanning software with your smartphone, you scan the QR code printed on the Fortune which directs you to the art Fortune. SCAN THIS CODE WITH YOUR SMARTPHONE Front of the fortune, with QR code: When you cant nd certainty, seek likelihood or probability. When you cant find certainty, seek likelihood or probability. Back of the fortune, with URLs and/or business logo or other branding: http://www.cafe-restaurant.com/xxxx.html Logo http://www.fortunart.net/xxxx.html The fortunes can contain any kind of digital media. They are essentially little web apes that can link to audio video, ash and so on. QR Codes Explained A QR code (short for Quick Response) is a speci c matrix barcode (or two-dimensional code), readable by dedicated QR bar- code readers and camera phones. The code consists of black modules arranged in a square pattern on a white background. The information encoded can be text, URL or other data. Common in Japan, where it was created by Toyota subsidiary Denso-Wave in 1994, the QR code is one of the most popular types of two-dimensional barcodes. QR is the abbreviation for Quick Response, as the creator intended the code to allow its contents to be decoded at high speed.[1] The technology has seen a large uptake in Japan and South Korea. However, in the West there has been a slower adoption of QR codes. [more...]
  • 7. PARTICIPATE Cross-promote your restaurant, cafe or bakery with participating artists and musicians. Home About Participate Blog Forum Promote your work in fortunes Inquire about how to submit culinary, visual art, writing, music or video to be included in a fortune series, or if you are a restauranteur, cafe owner or bakery, how to advertise in various Fortune Series. Series in progress Zen Koans Aesop’s Fables Italian Art French Art Ancient Greek Art Ethnic Fortune Cookies Italian French Greek Your Name: Your Email: Subject: Your medium(s) Culinary Art/Confection Painting/Illustration Photography Writing Music Film/Video Business Category: Restaurant/Cafe Art Print Seller Artist Musician Filmmaker URL: Your medium(s) Culinary Art/Confection Painting/Illustration Photography Writing Music Film/Video I want to submit: Culinary Art Visual Art Fortunes/Axioms Music Video Upload Sample File Submit
  • 8. BLOG Home About Participate Blog Forum QR Codes Explained A QR code (short for Quick Response) is a speci c matrix barcode (or two-dimensional code), readable by dedicated QR bar- code readers and camera phones. The code consists of black modules arranged in a square pattern on a white background. The information encoded can be text, URL or other data. Common in Japan, where it was created by Toyota subsidiary Denso-Wave in 1994, the QR code is one of the most popular types of two-dimensional barcodes. QR is the abbreviation for Quick Response, as the creator intended the code to allow its contents to be decoded at high speed.[1] The technology has seen a large uptake in Japan and South Korea. However, in the West there has been a slower adoption of QR codes. [more...]
  • 9. WeatherWear App for tablet and mobile devices that correlates real-time weather data with clothing items and outfits. Proposal For: Weather Decision Technologies, Inc. 201 David L. Boren Blvd. Suite 270 Norman, OK 73072 Developer: Lee Barry Object Design + Media P.O. Box A3914 Chicago IL 60690 www.objectdm.net lbarry@objectdm.netCONFIDENTIAL Copyright © 2010, Lee Barry. All rights reserved.
  • 10. WeatherWear App for tablet and mobile devices that correlates real-time weather data with clothing items and outfits.Core Features Pricing• Links to weather data for zip code The WeatherWear App would be free of charge, and makes a profit by• App has generic set of outfits that get mapped over generic male/fe selling ads placed primarily by on-line retailers. male body shape• On-line clothing retailers place ads and provide virtual ‘outfits’ or Items and Outfits clothing items• iPad app and website to manage settings, set wardrobe reminders, Participating on-line clothiers provide graphic assets per set pixel dimen- dowload and share clothing items sions and file types. Users can download individual items.The App comes with stock items and outfits, but custom sets can also bedownloaded and shared with other users. This allows users to ‘try on’items that they may purchased on-line through participating retailers.Target MarketTarget market would be primarily female digital natives >21 that shopon-line for clothing. Possible teen market. Heavy social mediaintegration.CONFIDENTIAL Copyright © 2010, Lee Barry. All rights reserved.
  • 11. WeatherWear App for tablet and mobile devices that correlates real-time weather data with clothing items and outfits. Weather Summary WeatherWear Rain/Snow Username Settings 35H / 22L Logout Current Date November 2, 2010 E/NE 25 Out t: Hate Chicago 1 (Casual) Weather Forecast Weather Feed Outfit Scroll for Twitter Feed Twitter Feed more outfits Ad Feeds Ads Out ts Send Reminders Weather Music/SoundsCONFIDENTIAL Copyright © 2010, Lee Barry. All rights reserved.
  • 12. WeatherWear App for tablet and mobile devices that correlates real-time weather data with clothing items and outfits. Download items and outfit WeatherWear Rain/Snow 35H / 22L Username Logout Settings graphics to add November 2, 2010 E/NE 25 to your WW library/closet Weather Forecast Out ts Items List View/Icon View Download Out ts Click icons to choose outfits or Casual 1 items Work 1 Saturday Sunday Twitter Feed Ads Access on-line retailers such as Out ts Send Reminders Weather Music Boutiques.com, Net-A-Porter, Wet Seal and Set options for push Create playlists based on weather Polyvore notifications to e-mail data, using your own collection of and phone music and soundsCONFIDENTIAL Copyright © 2010, Lee Barry. All rights reserved.
  • 13. WeatherWear App for tablet and mobile devices that correlates real-time weather data with clothing items and outfits. WeatherWear Rain/Snow Username Settings 35H / 22L Logout November 2, 2010 E/NE 25 Weather Forecast Out ts Download Out ts Casual 1 Twitter Feed Ads Out ts Send Reminders Weather MusicCONFIDENTIAL Copyright © 2010, Lee Barry. All rights reserved.
  • 14. Ago iLatitude: +41.889458 / Longitude: -87.794822 Home Settings
  • 15. Ago iLatitude: +41.889458 / Longitude: -87.794822 View History Mark/Edit Location Home Settings
  • 16. Ago i History SW Corner Washington & LaSalle10 days agoRandom ReunionOctober 2, 20102 old high school friends bumped into each other. Theyhadn’t seen each other in over 40 years.100 Years AgoFormer site of Chicago Stock Exchange October 12, 1910It is no mere accident that in the 1880s Chicago produceda group of architects, now known as the “First ChicagoSchool... Home Settings
  • 17. Ago i History SW Corner Washington & LaSalleIt is no mere accident that in the 1880s Chicagoproduced a group of architects, now known as the“First Chicago School,” whose work would have aprofound effect upon architecture.Within a decade after the fire of 1871, Chicago was aboomtown. By 1890 it had a population of more thana million people and had surpassed Philadelphia tobecome the second-largest metropolis in the UnitedStates. The value of land in the Loop soared. Quickly,the low buildings constructed just after the fire wereseen as an inefficient use of valuable space.Chicago was ready to experiment with daringsolutions. The city that had stood at the center ofinnovations like the Pullman sleeping car, theMcCormick reaper, and mail-order retailing would nowbe the place where the tall office building would beperfected. One of the keys to this development wasthe invention of the elevator. Home Settings
  • 18. Ago i Mark/Edit Location Current Location NowWhat: Upload Draft Private Home Settings
  • 19. Ago i Edit LocationCurrent Location Now Done Home Settings
  • 20. Ago iSettings Home Settings