Harvard Business School Association of Northern California Membership (HBSANC) Landing Pages
The Harvard Business School Association of Northern California (HBSANC) connects HBS alums and Harvard graduates through meaningful forums and enriching programs that inspire personal and professional growth. The organization fosters community, supports lifelong learning, and promotes positive societal impact through diverse engagements and initiatives.
Context
The Harvard Business School Association of Northern California (HBSANC) sought to enhance its online membership experience by redesigning key web pages. The goal was to create a user-friendly interface aligned with the organization's mission to connect and inspire alumni, support their personal and professional growth, and provide impactful programs. The project focused on redesigning four main pages: Home, Membership Benefits, Becoming a Member, and About Us.
The Problem
HBSANC’s previous web pages needed user-friendly navigation and cohesive design to engage alums effectively. The existing design failed to guide users through a seamless experience, hindering accessibility to important information and membership opportunities. The challenge was overhauling the interface while maintaining consistent branding and aligning the design with the organization’s mission.
The Solution
I mapped the user flow and journey to ensure an easy, seamless user experience. Beginning with wireframes, I structured the design using a responsive grid system that organized content into 12 columns, ensuring visual consistency across all pages. Once approved, the design phase included creating clean, cohesive visuals and enhancing user navigation. The final landing pages reflected HBSANC’s branding and mission, offering a streamlined experience to support membership engagement and growth.
B2C LANDING PAGES: PROJECT OVERVIEW
Project Type: Web Design
Home Landing Page
Membership-Benefits Landing Page
Becoming a Member Landing Page
About Us Landing Page
Contribution
UI/UX and Visual Design
URL-Desktop
Home Page
Membership-Benefits
Becoming a Member
About Us
User Flow
I mapped the user flow and journey to create an easy and seamless experince for the users.
Desktop: Web Elements, Wireframe and Grid System
I began the process by creating a wireframe and laying out key web elements to ensure alignment with the project's objectives, securing approval before progressing to the visual design phase.
The HBSANC web design system implements a responsive grid to organize content into columns, maintain a consistent vertical rhythm, and ensure uniform alignment both within individual pages and throughout the site. On desktop, the grid features 12 columns.
Landing Pages
The final web pages featured a clean, visually cohesive design, incorporating consistent branding elements and user-friendly navigation to enhance the overall user experience.
