Web Experience Design Lead

Number of Openings: One (1)

Background/Context

The For Youth, By Youth (FYBY) movement is a youth-led initiative aimed at empowering young leaders to drive community, institutional, and societal transformation. Funded by the Mastercard Foundation, FYBY leverages the networks of the Talloires Network of Engaged Universities—a coalition dedicated to strengthening the civic roles of higher education institutions—paNhari, an organization that supports youth development and leadership, and the Next Generation Leaders (NGL) Alumni, a group of experienced youth leaders who actively contribute their insights and expertise to strengthen FYBY’s impact. Together, these critical stakeholders are building a collaborative environment where diverse voices worldwide engage in addressing urgent challenges through leadership, wellness, ethical AI, and participatory action research.

About the Role

The Web Experience Design Lead will play a vital role in developing and maintaining an engaging and accessible online presence for the For Youth, By Youth (FYBY) movement. This role will oversee the design and content updates across the FYBY, paNhari, and Talloires Network websites to ensure seamless user journeys and high visibility of FYBY’s mission, events, and participant achievements. The position will collaborate closely with the Talloires Network secretariat team to ensure all platforms are aligned with FYBY’s branding and accessibility standards.

This role will be directly contracted and supervised by the paNhari team and involves close collaboration with the Talloires Network secretariat staff to ensure alignment with Mastercard Foundation values, emphasizing accessibility, inclusivity, and adaptability to meet evolving program needs.

As FYBY progresses, there may be adjustments in roles and responsibilities to meet the evolving needs of the program. Flexibility and adaptability are essential as we work together to uphold the FYBY mission and cultivate strong, impactful partnerships.

Timeline and LOE

This position requires a Level of Effort (LOE) of approximately 2 days (16 hours) per week, with increased focus during the initial development, launch phases, and major updates, during which an additional commitment may be required.

Note: A “day” is considered an 8-hour workday.

Roles and Responsibilities

1. Ongoing Content Creation and Website Management

Create and Maintain Content for Websites
- Regularly update the FYBY, TN/Tufts, and paNhari websites with fresh content, including news, program highlights, and participant success stories.
- Ensure interconnected links across websites to foster a cohesive and robust online presence for FYBY.
Deliverable
- Monthly Content Updates: Updates featuring news, events, and stories across websites.
  - Evidence: Links to updated content, publication logs, and visitor engagement metrics.

2. Phase 1: Launch Preparation and Web Portal Development (October 1, 2024 – December 31, 2024)

Template Research and Proposal
- Research design templates and website structures that align with FYBY’s vision and goals, gathering feedback from internal stakeholders.
- Work with the vendor to present several template options and mockups, ensuring alignment with FYBY’s brand identity, user experience objectives, and accessibility standards.
Content Planning, Wireframing, and Development
- Wireframing & Page Structure: Design wireframes for key pages (e.g., Home, About, Blog, Application, Cohorts, Contact) to outline content flow and navigation.
- Content Mapping & Gathering: Map specific content to each page section, assigning responsibilities for text, media, and images to relevant content owners. Collect content, ensuring inclusive representation.
- Accessibility Standards: Ensure all web features meet WCAG standards, conducting thorough testing for screen reader compatibility, keyboard navigation, and color contrast to support users with disabilities.
Deliverables
- Template Research and Proposal: Curated collection of template examples and feedback.
  - Evidence: Documentation of templates, vendor proposals, and presentation notes.
- Wireframing & Page Structure: Comprehensive wireframe diagrams.
  - Evidence: Wireframe documents and visual layouts for each key page.
- Content Mapping & Gathering: Fully mapped content plan and collected media files.
  - Evidence: Organized content folders and content map documents.
- Accessibility Standards Compliance: Features meeting WCAG standards.
  - Evidence: Accessibility compliance report and testing outcomes.

3. Cohort and Profile Management

Cohort List Creation
- Compile and structure a detailed list of cohort members, including names, universities, countries, and start dates, formatted for easy display on the website.
Profile Page Setup
- Design profile pages for each cohort member, incorporating fields for bio, achievements, and photos.
- Ensure profile pages are easy to update, supporting evolving content as participants progress.
Deliverables
- Cohort List Creation: Comprehensive list of cohort members.
  - Evidence: Structured cohort list document prepared for web display.
- Profile Page Setup: Cohort profile page templates with example entries.
  - Evidence: Profile page screenshots and live examples.