Website Design Case Study

Website Design Case Study

Redefining a Non-Profit Website for EB-5 Investors and Industry Professionals

Redefining a Non-Profit Website for EB-5 Investors and Industry Professionals

Discover how we revamped a non-profit website to make it easier for EB-5 investors and professionals to find what they need. See how our redesign improved user experience and engagement across all devices.

Discover how we revamped a non-profit website to make it easier for EB-5 investors and professionals to find what they need. See how our redesign improved user experience and engagement across all devices.

About The Client

The client, a non-profit organization dedicated to supporting individuals interested in the EB-5 immigrant investor program, provides guidance, resources, and advocacy for EB-5 investors, immigrants, and developers navigating the complexities of the program.

The client, a non-profit organization dedicated to supporting individuals interested in the EB-5 immigrant investor program, provides guidance, resources, and advocacy for EB-5 investors, immigrants, and developers navigating the complexities of the program.

Project Goals & Requirements

Project Goals & Requirements

The primary objective of this project was to enhance user experience and engagement on the non-profit website by revamping the entire website, reorganizing the sitemap, and implementing targeted landing pages. The specific goals included:

  • Website Redesign: Create a modern, responsive design optimized for seamless user experience across all devices. Utilize visually appealing graphics and images to simplify complex information and streamline navigation.

  • Target Audience Focus: Cater to three main audience segments - EB-5 investors, professionals/stakeholders in the EB-5 industry, and politically involved figures. Prioritize providing support, information, and advocacy for EB-5 investors while also appealing to industry professionals and stakeholders.

The primary objective of this project was to enhance user experience and engagement on the non-profit website by revamping the entire website, reorganizing the sitemap, and implementing targeted landing pages. The specific goals included:

  • Website Redesign: Create a modern, responsive design optimized for seamless user experience across all devices. Utilize visually appealing graphics and images to simplify complex information and streamline navigation.

  • Target Audience Focus: Cater to three main audience segments - EB-5 investors, professionals/stakeholders in the EB-5 industry, and politically involved figures. Prioritize providing support, information, and advocacy for EB-5 investors while also appealing to industry professionals and stakeholders.

Project Team

Project Team

  • Design Lead: Nivit Kochhar

  • UX & UI Designer: Mahesh Reddy

  • UX Consultant: Monica Gonzalez

Our UX Design Process

Our UX Design Process

To ensure a successful transformation of the AIIA website, we followed a structured UX design process that covered every crucial step from understanding client goals to delivering the final product. Here’s an overview of our comprehensive approach:

  1. Understand Client Goals

  2. Gather Style & Brand Requirements

  3. Homepage Wireframe & Concept

  4. Build Style Guide

  5. Additional Page Wireframes

  6. Visual Design, Mockups, & Prototype

  7. Client & User Feedback

  8. Developer Handoff

Revised Information Architecture

Revised Information Architecture

To ensure the website effectively meets the diverse needs of its users, we undertook a comprehensive overhaul of the sitemap and information architecture. By reorganizing the website’s information architecture, we ensured that all users, regardless of their specific needs, could easily find and access the required information, leading to a more efficient and satisfying user experience.

To ensure the website effectively meets the diverse needs of its users, we undertook a comprehensive overhaul of the sitemap and information architecture. By reorganizing the website’s information architecture, we ensured that all users, regardless of their specific needs, could easily find and access the required information, leading to a more efficient and satisfying user experience.

Brand Guidelines

Brand Guidelines

We ensured consistency with the client's brand by adhering to their established visual identity and brand guidelines. This included using their brand colors, typography, and imagery to maintain brand recognition and credibility while infusing a fresh, modern look and feel.

We ensured consistency with the client's brand by adhering to their established visual identity and brand guidelines. This included using their brand colors, typography, and imagery to maintain brand recognition and credibility while infusing a fresh, modern look and feel.

Wireframes & Planning

Wireframes & Planning

During the Wireframing & Planning stage, we started the process with initial sketches and wireframes for each webpage. Subsequently, we engaged in comprehensive discussions related to information hierarchy and layout decisions.

To give you a glimpse of this initial planning stage, we have included some visuals below.

During the Wireframing & Planning stage, we started the process with initial sketches and wireframes for each webpage. Subsequently, we engaged in comprehensive discussions related to information hierarchy and layout decisions.

To give you a glimpse of this initial planning stage, we have included some visuals below.

Design System

Design System

To maintain consistency and efficiency throughout the design process, we established a comprehensive design system. This included component libraries, style guides, and UI patterns that could be reused and scaled across various sections of the website.

To maintain consistency and efficiency throughout the design process, we established a comprehensive design system. This included component libraries, style guides, and UI patterns that could be reused and scaled across various sections of the website.

Visual Design & Mockups

Visual Design & Mockups

In the visual design phase, we crafted multiple variations of the homepage to establish an overarching visual direction. After incorporating client and user feedback, we refined the chosen concept and extended it to design all desktop and mobile pages. Each iteration underwent thorough review, ensuring alignment with client objectives and optimal user experience. Iterative feedback loops ensured a polished final design.

In the visual design phase, we crafted multiple variations of the homepage to establish an overarching visual direction. After incorporating client and user feedback, we refined the chosen concept and extended it to design all desktop and mobile pages. Each iteration underwent thorough review, ensuring alignment with client objectives and optimal user experience. Iterative feedback loops ensured a polished final design.

Development & Guidelines

Development & Guidelines

Once the visual designs were approved, we collaborated with developers to ensure seamless implementation. We provided detailed design guidelines and specifications to maintain fidelity and consistency during the development process. Continuous communication and feedback loops ensured that the final product aligned with the initial vision and met the client's expectations.

Once the visual designs were approved, we collaborated with developers to ensure seamless implementation. We provided detailed design guidelines and specifications to maintain fidelity and consistency during the development process. Continuous communication and feedback loops ensured that the final product aligned with the initial vision and met the client's expectations.

Results & Concluding Remarks

Results & Concluding Remarks

By focusing on user experience, audience segmentation, and visual appeal, we successfully revamped the non-profit website to better serve its diverse user base. The redesigned homepage, reorganized sitemap, and targeted landing pages provide a more intuitive and engaging experience for EB-5 investors, industry professionals, and politically involved figures alike. Through collaboration, research, and meticulous design execution, we delivered a solution that not only meets the client's goals but also sets a new standard for non-profit website design in the EB-5 industry.

By focusing on user experience, audience segmentation, and visual appeal, we successfully revamped the non-profit website to better serve its diverse user base. The redesigned homepage, reorganized sitemap, and targeted landing pages provide a more intuitive and engaging experience for EB-5 investors, industry professionals, and politically involved figures alike. Through collaboration, research, and meticulous design execution, we delivered a solution that not only meets the client's goals but also sets a new standard for non-profit website design in the EB-5 industry.

Think I'd be a good fit for your team?

Now actively seeking new opportunities. Open to relocate | Hybrid | Remote

maheshuiux05@gmail.com

© 2024 by Mahesh Reddy. All rights reserved.

  • Mahesh Reddy

  • Mahesh Reddy

Think I'd be a good fit for your team?

Now actively seeking new opportunities. Open to relocate | Hybrid | Remote

maheshuiux05@gmail.com

© 2024 by Mahesh Reddy.
All rights reserved.

  • Mahesh Reddy

Think I'd be a good fit for your team?

Now actively seeking new opportunities. Open to relocate | Hybrid | Remote

maheshuiux05@gmail.com

© 2024 by Mahesh Reddy. All rights reserved.

  • Mahesh Reddy

  • Mahesh Reddy