Overview


Intro | Investigate

The AIPAC Policy Conference is the largest gathering of America's pro-Israel community. Through demonstrations of groundbreaking Israeli innovations, keynote speeches by American and Israeli leaders, inspiring moments on stage, and intimate educational sessions, Policy Conference delegates experience the full scale of pro-Israel activism in three powerful days.

Challenges | Goals

The AIPAC Policy Conference Event page: to notify, invite and register (members and potential new members) in the largest gathering of America's pro-Israel community.



Information Architecture






Header

The header for the website will contain PC logo and site navigation (displayed in tabs), while the background of the header will be imagery that is related to the annual theme.

Carousel

This will be an automatically scrolling carousel, similar to AIPAC. Org. The cover slide should always be the PC brand with the theme for that year. The remaining slides will showcase featured photos or videos with PC branding watermarks. It will also promote registration as well.

Live Stream

During general sessions, this area will contain the live feed of the conference from JLTV. We can cover up the remaining space with left/right banner ads, focusing on registration, programming, village, or whatever content we want.

Pc Story

This is essentially a giant button that will have a single photo (most likely stage shot of previous year) as the background and ask the question "What is PC?" When users click on it, they will be pointed to the Story sub page where they can learn about Policy Conference and previous years.

Promotional Items

This module will display a variety of ads, linking users to multimedia , articles , sub pages , registration, etc. Depending on the content, we could change how the ads are displayed, including background colors, to create categories. These ads also automatically scroll and will be sharable to social media. Potential Ads Include: Discounts, student and synagogue attendence, logistics, speakeres , innovations, AIPAC app, etc.

Social media

User will view "live" filtered social media streams, potentially displaying a different type of social media with every slide. Using the Toggle icons, users can filter the slides to display only the social media they best relate to. When this happens, the background color of the slides will change along the "Follow Aipac" link and the social media logo in the center.

AIPAC .org

This module will be fully devoted to the AIPAC brand in an attempt to teach visitors more about the parent organization that hosts Policy Conference. This content should not be registration-driven , but Instead it should be message-driven. A small " About" blurb accompanied by Vidyard playlist featuring some educational videos AIPAC should be all we need.

Photos

10 or 15 photo categories will be displayed at all times. These categories will be randomized with each visit refresh. When the user clicks a category, they will be taken to the Photo Gallery with their selected filter preset for them. If they want to view more photos , they will then be able to change their filter as they see fit. This allows for full photo coverage without bogging down the home page. Using Isotope , we can also create tags that will place significance on some categories instead of others (increased size).

Footer

The first half just be a recap of the PC logo and annual theme background. Meanwhile , the second half will be the central hub for users to connect with AIPAC and Social Media sites.

Mockups




AIPAC Policy Conference 2015

AIPAC Policy Conference 2015 Landing Page is to create an on-brand, content-focused experience.

Product architecture

Landing Page information architecture is organized into a catalog structure. A catalog contains categorized, hierarchical information, with a top level consisting of peers that may contain subordinate information.

Grid system

AIPAC Policy Conference 2015 Landing Page combines a variety of information together, particularly in places such as the landing page. In other places, such as an individual article, there is generous whitespace for content.

Elevation

AIPAC Policy Conference 2015 Landing Page uses shadows to indicate elevation.

Typography

AIPAC Policy Conference 2015 Landing Page type scale provides typographic variety through the use of two typefaces: Cooper Hewitt Heavy and Playlist Script. Roboto is used as a display font and body copy typeface, when reading is the main user focus.

Iconography

Using the Toggle icons, users can filter the slides to display only the social media they best relate to. When this happens, the background color of the slides will change along the "Follow Aipac" link and the social media logo in the center.

Live Stream Section

During general sessions, this area will contain the live feed of the conference from JLTV. We can cover up the remaining space with left/right banner ads, focusing on registration, programming, village, or whatever content we want.

Images and Shapes

10 or 15 photo categories will be displayed at all times. These categories will be randomized with each visit refresh. When the user clicks a category, they will be taken to the Photo Gallery with their selected filter preset for them. If they want to view more photos , they will then be able to change their filter as they see fit.

Components and Patterns

Banner Info "AIPAC Policy Conference 2015" and Tab Navigation: Register, Plan, story and Press.
Carousel Reflect focusing on registration, programming, village etc.
Video Playlist
Potential Ads Include: Discounts, student and synagogue attendence, logistics, speakeres , innovations, AIPAC app, etc.
Photo Cards List
Social Media Content
Promotional Items This module will display a variety of ads, linking users to multimedia , articles , sub pages , registration,





Promotions Pages

Innovation Hub, Enviromental, Startup Tech, Medical, Defence.





Test & Iterate