MLB Youth Baseball was a responsive web project for desktop, tablet, and mobile screens. Our goal was to combine several youth baseball initiatives into one global site where users can easily learn about events and information about MLB youth-targeted programs. We combined youth baseball initiatives RBI, UYA, Breakthrough Series, Elite Development, Play Ball, and Pitch Hit & Run into the global site MLB Youth Baseball.
We started initially with sketches, and moved onto low-fidelity wireframes using Illustrator, seen in the last image. From there we went onto the visual and branding design stage using Photoshop for the photographic aesthetic.
The first two images show the tablet and mobile home page, followed the complete desktop home page view. This is the main overview site where users can navigate between the different MLB programs.
The second image displays the tablet views for various screens. RBI World Series summarizes player stat and info for select teams. Regional Tournaments allows players to sign up for nearby competitions. The About page summarizes different aspects of the program.
The third image shows the various mobile screens. Users can navigate between different photo galleries using the program's dropdown menu. A calendar view displays the upcoming program's events and an event example for a particular region is the last mobile view.
The last two images show the completed style guide for the visual design and the original wireframes for the project.
NHL.tv was a project to bring NHL live on-demand streaming to the Apple TV platform. I was one of the designers on this project working on the Scorecard, Feed Select, and Power/Dual Play screens of the application.
The first image shows the Scores for each game during the regular NHL season using score tiles I designed. The second image shows the score tiles displayed below the game data and view screen.
The third image shows the Feed Select top bar displaying the competing teams and their scores above the game highlights from various camera angles.
The Score Tiles and Feed Select images show all view types that had to be accounted for each tile and bar type. These designs required minor changes in detail for each type of possible display.
GoPro Next was a project to create an application on mobile, tablet, and desktop and web-responsive. This product provides user-generated video content and a product store featuring GoPro equipment. I worked on creating the visuals for the Comments and Watchlist screens as well as the styleguide.