![\"\"](\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/YPO-Connect-Website-2019.png\")
<\/a><\/div><\/div><\/a><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\nA new layout and IA<\/h3>\n\n\n\n
YPO Connect benefits from a multi-column responsive layout with clear hierarchy and separation of concerns, with subtle shading and strong typography to make scanning content easy. A new simplified menu system and clearer site information architecture makes it simple to access all the exclusive benefits that come with a YPO membership.<\/p>\n\n\n\n
I conducted research and usability testing to formulate a new menu structure that grouped and listed the many resources YPO makes available to its members. Simple black-and-white wireframes and a clickable prototype provided clear direction on how to improve YPO Connect’s user experience.<\/p>\n\n\n\n
<\/a><\/div><\/div><\/a><\/div><\/div><\/a><\/div><\/div><\/a><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\nYPO Connect Homepage design proposals, including dark and silver themes<\/p>\n\n\n\n
YPO Event Directory<\/h2>\n\n\n\n
The event directory of Young Presidents Organization\u2019s Connect website helps members find and register for events at the chapter, region, and global level. YPO members are a diverse group of chief executives who want to be informed of the latest innovations in industry, service, and leadership.<\/p>\n\n\n\n
YPO events are scheduled for members, spouse\/partners, and are also available for the children of YPO members through the YNG program.<\/p>\n\n\n\n
The new Event Directory design project for YPO began as a mobile-first directive with a goal to make the smartphone experience better<\/strong>.<\/p>\n\n\n\n The original event directory experience was based on a list of horizontal event list items, with each event displayed across the entire screen width. The filtering and sort functionality was located across the top of the screen below the header.<\/p>\n\n\n\n The previous design left little room for actual event information, with filtering, sort, and filter bubbles taking up more than half of the display area on an iPhone 8 device.<\/p>\n\n\n\n When I began creating wireframes for the new experience, I made the decision to move towards an event card design so more events could fit on the screen before scrolling. I built some informational blocks to add consistency to the hierarchy of event details inside the cards and make them easy to scan through visually in a grid. Links and buttons on each card would be consistently placed to make it easy to register.<\/p>\n\n\n\n After iterating on several card designs and collecting user feedback, I began stress-testing the designs for different kinds of events. Each card contains a simple title, time and date information, an engaging image with a clear call to action, and some audience and attendee details. I made sure the cards still looked good even if certain details were not present. Cards remained a fixed height even if content proved to be short, making the cards easy to scan in a Z-shaped consumption pattern.<\/p>\n\n\n\n<\/a><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n