/** * Configuration data for the gallery. * Format: * galleryData.items[] * id (the id of the image: will be combined with 10/10-id.gif and so forth) * title (the title of the data, like "Cisco" or "Sysco" or "PsyCo") * description (some descriptive text, can be html or not, doesn't matter) */ galleryData = [ { "smallImage": "images/10/10-1.gif", "mediumImage": "images/45/45-1.jpg", "largeImage": "images/80/80-1.jpg", "title": "United Nations: Human Development Reports Office — Concept 1", "description": "The Human Development Report Office wanted a new look for their site – something that broke away from their existing identity and differentiated them from other departments of the UN. My objective was to present two directions of similar flavor, with one layout avoiding the use of photography depicting people. The primary purpose of these layouts was to drive users to the featured report on climate change. " }, { smallImage: "images/10/10-2.gif", mediumImage: "images/45/45-2.jpg", largeImage: "images/80/80-2.jpg", title: "United Nations: Human Development Reports Office — Concept 2", description: "This is the second of two design directions for the UNDP – this one being a bit more conservative, aligning more with their existing identity. " }, { smallImage: "images/10/10-3.gif", mediumImage: "images/45/45-3.jpg", largeImage: "images/80/80-3.jpg", title: "Roost: Alternative UI Design Concept", description: "This design came out of my ongoing analysis of the user experience of the Roost web site, as well as other sites trying to perfect the experience of real estate search. I wanted to explore how real estate search as an activity differs from the traditional information-based paradigm of a typical search, and might in fact, be better suited to a visual-based paradigm. To read more about my observations on this topic, click here. " }, { smallImage: "images/10/10-4.gif", mediumImage: "images/45/45-4.jpg", largeImage: "images/80/80-4.jpg", title: "Roost: SEO Page", description: "With this design, I wanted to strike a balance between the keyword-rich SEO functionality of the page and the experience of the user. Consequently, the top section of the page focuses on the user, providing warm, welcoming imagery and prominent calls to action designed to bring visitors into the site, while the bottom part of the page delves into dynamic data and keyword content." }, { smallImage: "images/10/10-5.gif", mediumImage: "images/45/45-5.jpg", largeImage: "images/80/80-5.jpg", title: "Roost: Table Data View", description: "This concept came out of a "what if..." usability exploration, where I considered interfaces that enabled users to review property listings in more of a table format, displaying listing attributes in easily scanable (and sortable) columns. Another benefit to this layout is that it effectively doubles the number of listings a user can see above the fold." }, { smallImage: "images/10/10-6.gif", mediumImage: "images/45/45-6.jpg", largeImage: "images/80/80-6.jpg", title: "Roost: Table Data View (continued)", description: "Continuing with the table layout direction, this screenshot illustrates how hovering over a listing would highlight additional site functionality. Clicking on one of these links triggers an expanded view of the property listing featuring requested data. " }, { smallImage: "images/10/10-7.gif", mediumImage: "images/45/45-7.jpg", largeImage: "images/80/80-7.jpg", title: "Roost: Home Page 1", description: "" }, { smallImage: "images/10/10-8.gif", mediumImage: "images/45/45-8.jpg", largeImage: "images/80/80-8.jpg", title: "Roost: Home Page 2", description: "" }, { smallImage: "images/10/10-9.gif", mediumImage: "images/45/45-9.jpg", largeImage: "images/80/80-9.jpg", title: "Roost: Property Results List View", description: "" }, { smallImage: "images/10/10-10.gif", mediumImage: "images/45/45-10.jpg", largeImage: "images/80/80-10.jpg", title: "Lola Faye Picture Archive", description: "OK, I'll admit it. I have been REALLY bad about sending pictures of my daughter to my family back east. I designed this site as a sort of proof-of-life site for my family, finished just before my daughter's first birthday. Of course, now she's seven...And they want more pictures! " }, { smallImage: "images/10/10-11.gif", mediumImage: "images/45/45-11.jpg", largeImage: "images/80/80-11.jpg", title: "ReensAir Site Template", description: "This design was for ReensAir, a company that sells home filtration systems. The client wanted the design to have a clean and airy family-friendly feel. " }, { smallImage: "images/10/10-12.gif", mediumImage: "images/45/45-12.jpg", largeImage: "images/80/80-12.jpg", title: "We're Getting Married!", description: "Well, we're not getting married, but my brother-in-law was. So, I designed this site for him..." }, { smallImage: "images/10/10-13.gif", mediumImage: "images/45/45-13.jpg", largeImage: "images/80/80-13.jpg", title: "Paideia, Inc.", description: "Site design." }, { smallImage: "images/10/10-14.gif", mediumImage: "images/45/45-14.jpg", largeImage: "images/80/80-14.jpg", title: "Optimus Solutions", description: "Branding & site design" }, { smallImage: "images/10/10-15.gif", mediumImage: "images/45/45-15.jpg", largeImage: "images/80/80-15.jpg", title: "Ad Village", description: "Branding & site design" }, { smallImage: "images/10/10-16.gif", mediumImage: "images/45/45-16.jpg", largeImage: "images/80/80-16.jpg", title: "Viryanet", description: "A quick site design refresh" }, { smallImage: "images/10/10-17.gif", mediumImage: "images/45/45-17.jpg", largeImage: "images/80/80-17.jpg", title: "World Savings: Design Concept 1", description: "World Savings, a Fortune 500 company rated one of America's Most Admired Financial Services Companies by Fortune Magazine wanted 3 design directions for their new site." }, { smallImage: "images/10/10-18.gif", mediumImage: "images/45/45-18.jpg", largeImage: "images/80/80-18.jpg", title: "World Savings: Design Concept 2", description: "" }, { smallImage: "images/10/10-19.gif", mediumImage: "images/45/45-19.jpg", largeImage: "images/80/80-19.jpg", title: "World Savings: Design Concept 3", description: "" }, { smallImage: "images/10/10-20.gif", mediumImage: "images/45/45-20.jpg", largeImage: "images/80/80-20.jpg", title: "TotalMove", description: "Developed from the ground up as an ad-platform for targeted advertising, TotalMove was on online real estate portal designed to help homebuyers and sellers through the entire real estate process. We wanted the site to be upbeat and engaging." }, { smallImage: "images/10/10-21.gif", mediumImage: "images/45/45-21.jpg", largeImage: "images/80/80-21.jpg", title: "TotalMove: Concept", description: "This was an early concept for targeted city pages, providing users with property listings and relevant information for a given area." }, { smallImage: "images/10/10-22.gif", mediumImage: "images/45/45-22.jpg", largeImage: "images/80/80-22.jpg", title: "TotalMove Newsletter", description: "Design template for monthly newsletter." }, { smallImage: "images/10/10-23.gif", mediumImage: "images/45/45-23.jpg", largeImage: "images/80/80-23.jpg", title: "TotalMove: Imageless Newsletter", description: "What's worth noting about this newsletter template is the fact that it requires no images. Pretty cool...For years, I have been struck by how most email campaigns rely heavily on imagery for their design. While using imagery is tempting and can definitely enhance a layout, it is important to consider how a design will hold up for the majority of users who first view it without downloading images." }, { smallImage: "images/10/10-24.gif", mediumImage: "images/45/45-24.jpg", largeImage: "images/80/80-24.jpg", title: "Exact Home", description: "This is an early Roost concept. So early in fact, that it predates the name!" }, { smallImage: "images/10/10-25.gif", mediumImage: "images/45/45-25.jpg", largeImage: "images/80/80-25.jpg", title: "Logos!", description: "Here are a handful of logos I have designed over the years" } ]