http://www.jondascola.com Jon Dascola Designer Fri, 29 Apr 2011 18:01:05 +0000 http://www.jondascola.com en http://www.jondascola.com/uOUT-App http://www.jondascola.com/following/jondascola.com/uOUT-App Fri, 29 Apr 2011 18:01:05 +0000 Jon Dascola Designer 1257659 <img src="http://payload.cargocollective.com/1/0/3846/1257659/uout1.png" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1257659/uout1_o.png" align="left" /> uOUT is a location based group messaging application. More screens to be added soon. http://www.jondascola.com/Saint-Leo-University http://www.jondascola.com/following/jondascola.com/Saint-Leo-University Fri, 29 Apr 2011 16:17:39 +0000 Jon Dascola Designer 1243748 <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo1.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo2.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo3.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo4.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo5.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo6.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1243748/saintleo7.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1243748/saintleo7_o.jpg" align="left" /> New website design for Saint Leo University Online. Project includes developing a brand strategy for SLU, all creative and art direction and subsequent design work. Site designed at Elliance. http://www.jondascola.com/Library-Search-App http://www.jondascola.com/following/jondascola.com/Library-Search-App Mon, 25 Apr 2011 13:52:07 +0000 Jon Dascola Designer 1256130 <img src="http://payload.cargocollective.com/1/0/3846/1256130/1.png" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1256130/1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1256130/2.png" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1256130/2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1256130/3.png" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1256130/3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1256130/Locate-Book-Big.png" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/1256130/Locate-Book-Big_o.png" align="left" /> Early stage design concepts for an iOS app providing a searchable index of a University's libraries for enrolled students. http://www.jondascola.com/iOS-Notification-System http://www.jondascola.com/following/jondascola.com/iOS-Notification-System Fri, 11 Mar 2011 21:13:17 +0000 Jon Dascola Designer 1160253 <img src="http://payload.cargocollective.com/1/0/3846/1160253/iOSNotifications_HOME.png" border="0" width="640" height="400" width_o="640" height_o="400" src_o="http://payload.cargocollective.com/1/0/3846/1160253/iOSNotifications_HOME_o.png" align="left" /> There has been much talk recently about the less-than-stellar notification system running in iOS. The most common, and valid complaint, stems from the disruptiveness of the current interactions. When a new notification comes through, a modal box appears, suspends any tasks and basically persists until acknowledged or ignored. Beyond interrupting whatever actions are happening on the phone, there is no real way to view or manage multiple notifications. While leaning on Geoff’s patience and always-thoughtful advice, I’ve designed a less intrusive system to handle incoming notifications while giving the user a better way to view and manage their queue. The first update adds a badge to the status bar showing the current number of unread notifications. <img src="http://payload.cargocollective.com/1/0/3846/1160253/iOSNotifications1.png" border="0" width="640" height="960" width_o="640" height_o="960" src_o="http://payload.cargocollective.com/1/0/3846/1160253/iOSNotifications1_o.png" align="left" /> Next you’ll see a new notification appear over the home screen. The “popover” fades over the top portion of the screen showing the icon from the app responsible and the relevant text. The popover will fade in and out over 2-3 seconds. While onscreen, all applications and processes will continue to run as normal. These popovers require no action and once they fade out, the badge count for unread messages will increase by one. <img src="http://payload.cargocollective.com/1/0/3846/1160253/iOSNotifications2.png" border="0" width="640" height="960" width_o="640" height_o="960" src_o="http://payload.cargocollective.com/1/0/3846/1160253/iOSNotifications2_o.png" align="left" /> To access the list of missed notifications, double-tap the status bar. Doing so results in a familiar action, like opening an application folder, to reveal the list of unread messages. In iOS the linen texture serves as the bottom most visual layer in the UI. <img src="http://payload.cargocollective.com/1/0/3846/1160253/3.png" border="0" width="640" height="960" width_o="640" height_o="960" src_o="http://payload.cargocollective.com/1/0/3846/1160253/3_o.png" align="left" /> A tap on any one of the messages switches to the appropriate app, and a swipe will delete a specific notification. <img src="http://payload.cargocollective.com/1/0/3846/1160253/4.png" border="0" width="640" height="400" width_o="640" height_o="400" src_o="http://payload.cargocollective.com/1/0/3846/1160253/4_o.png" align="left" /> So far, all works well when you’re phone is unlocked and in use, but what about when the display is asleep? If desired (should be an option in Settings) the notifications will appear on the lock screen with the same possible interactions, a tap to run the app and a swipe to delete. While I like the idea of this, I wonder how often accidental touches will inadvertently launch an app. If the list of notifications don’t jump to their respective apps, they should at least swipe to delete to manage the queue without unlocking into the home screen. <img src="http://payload.cargocollective.com/1/0/3846/1160253/5.png" border="0" width="640" height="960" width_o="640" height_o="960" src_o="http://payload.cargocollective.com/1/0/3846/1160253/5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/1160253/6.png" border="0" width="640" height="400" width_o="640" height_o="400" src_o="http://payload.cargocollective.com/1/0/3846/1160253/6_o.png" align="left" /> I’d love to hear any thoughts on this. Let me know what you think. http://www.jondascola.com/Classroom-Superheroes http://www.jondascola.com/following/jondascola.com/Classroom-Superheroes Tue, 11 Jan 2011 20:51:40 +0000 Jon Dascola Designer 926861 <img src="http://payload.cargocollective.com/1/0/3846/926861/cs1.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926861/cs1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926861/cs2.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926861/cs2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926861/cs3.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926861/cs3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926861/cs4.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926861/cs4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926861/cs5.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926861/cs5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926861/cs6.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926861/cs6_o.jpg" align="left" /> Classroom Superheroes website design to highlight the special work done by teachers. Site designed for Carrot Creative. http://www.jondascola.com/First-Commonwealth-Bank http://www.jondascola.com/following/jondascola.com/First-Commonwealth-Bank Tue, 11 Jan 2011 20:38:35 +0000 Jon Dascola Designer 926849 <img src="http://payload.cargocollective.com/1/0/3846/926849/fc1.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926849/fc1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926849/fc2.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926849/fc2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926849/fc3.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926849/fc3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/926849/fc4.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/926849/fc4_o.jpg" align="left" /> Redesign for First Commonwealth Bank. http://www.jondascola.com/Fred-Rogers-Center http://www.jondascola.com/following/jondascola.com/Fred-Rogers-Center Fri, 29 Oct 2010 13:23:07 +0000 Jon Dascola Designer 741091 <img src="http://payload.cargocollective.com/1/0/3846/741091/frc_1.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741091/frc_1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/741091/frc_2.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741091/frc_2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/741091/frc_3.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741091/frc_3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/741091/frc_4.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741091/frc_4_o.jpg" align="left" /> These are some random shots from a site for The Fred Rogers Center. http://www.jondascola.com/sunKING-Promo http://www.jondascola.com/following/jondascola.com/sunKING-Promo Fri, 29 Oct 2010 13:01:23 +0000 Jon Dascola Designer 741070 <img src="http://payload.cargocollective.com/1/0/3846/741070/skHeinz1.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741070/skHeinz1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/741070/skHeinz2.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741070/skHeinz2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/741070/skHeinz3.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/741070/skHeinz3_o.jpg" align="left" /> Design and assembled custom Heinz ketchup bottles to announce the launch of the new Heinz.com Designed at sunKING. Which is now Agency 1903 & This is Red http://www.jondascola.com/Elliance-iPhone-App http://www.jondascola.com/following/jondascola.com/Elliance-iPhone-App Fri, 15 Oct 2010 02:42:39 +0000 Jon Dascola Designer 625672 <img src="http://payload.cargocollective.com/1/0/3846/625672/6.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/625672/6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/625672/7.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/625672/7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/625672/1.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/3846/625672/1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/625672/2.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/3846/625672/2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/625672/3.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/3846/625672/3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/625672/4.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/3846/625672/4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/625672/5.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/3846/625672/5_o.jpg" align="left" /> Screens from an iPhone app showcasing Elliance's collection of infographics. Application currently under development. http://www.jondascola.com/Pittsburgh-net http://www.jondascola.com/following/jondascola.com/Pittsburgh-net Thu, 23 Sep 2010 01:50:59 +0000 Jon Dascola Designer 40680 <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet4.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet5.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet6.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet3.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet2.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3846/40680/pghnet7.jpg" border="0" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/0/3846/40680/pghnet7_o.jpg" align="left" /> Pittsburgh.net is the destination for events and activities around the City of Pittsburgh. The Solution Pittsburgh.net is a scalable directory of what to do and where to go around the City of Pittsburgh. By creating a dynamic, social and scalable platform highlighting the city we have created a resource for businesses, travelers and residents to create and witness the pulse of the city. Technology Pittsburgh.net allows users to add their own events, browse by activity and neighborhood, search embedded maps and RSVP to events. Content is scraped from Flicker, Twitter, Yelp and YouTube to support the custom content and business directory all while staying search friendly and atop the search rankings. My Role While designing the site at Elliance, I worked closely with IAs, strategists and both front and back end developers from concept to launch. Shot custom photography for Pittsburgh's highlights and neighborhoods. Site sill in production.