Multi-Image Carousel Prototype
Prototype of a multi-image hero carousel with irregular layout and image sizes. Click on the image below to launch the prototype. Once there click on the arrows to scroll through the carousel (or swipe if you’re on a mobile device).
_____________________________________________________________________________________________
Prototype for Yahoo! Design to test interface customization by the user. Possibility to change text size and serif type as well as dark/light background is made through a “ribbon” element. Click the images below to launch the desktop and tablet prototype, respectively. Once there click on the red ribbon to access the customization functions.
_____________________________________________________________________________________________
Prototype of a menu for Yahoo! Sports (Olympics iPad app) animated with Adobe Animate (formerly Edge). Click the image below to launch the prototype. Once there click on the first thumbnail (Right Now), then once the following screen click on the main image to open the article. Pressing the “X” button will take you out of reading mode, then click on the grid icon to the left of the top bar to return to the main menu. Clicking on the second row first thumbnail (Sports) will open another level of navigation then you can click on the “Basketball” thumbnail to view that content. To navigate back to the main menu simply press the grid icon twice.
_____________________________________________________________________________________________
Prototype for Yahoo! Playr of a shrinking (video) element on scrolling down a page. The idea is to keep the whole video visible as long as possible while browsing additional content below. Click on the image below to launch the prototype. Once there, hover then click on the first thumbnail below the large video image to navigate to that video page and then scroll down to see the element shrinking effect.
_____________________________________________________________________________________________
Prototype for Yahoo! Screen to demo and test ideas for the web TV show Cybergeddon. Things like the navigation, inline trailer and photo carousel, mosaic blog layout, etc. Click the image below to launch the prototype.
_____________________________________________________________________________________________
Prototype for Yahoo! TV scrolling through Tonight’s Picks with the content moving over a fixed background. Click on the image below to launch the prototype. Once there just scroll down the page to view the effect (works best on desktop).
_____________________________________________________________________________________________
Prototype for Yahoo! News to test swiping through articles on tablet and desktop. It features before and after titles display, swiping carousel, and delayed article loading for smooth navigation. Click on image below to launch the prototype. If viewing on desktop, click on the arrows to navigate, otherwise swipe.
_____________________________________________________________________________________________
CSS Animation
Prototype for Yahoo! Weather that uses CSS animation to gradually present elements in a compelling way to the user. Click on the image below to launch the prototype. On there simply reload the page to view the animation again.
