Understand
Overview
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.
Research
Methods used for user research
Analyze
Affinity Map | User Interview | Surveys
User persona - Task
User personas | Persona Creation Story Boards
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.