NumbersUSA - Website and Mobile App Design

A non-profit political organization, recognized the need for a website and CMS upgrade, encompassing a website redesign, improved information architecture for page navigation and content organization, as well a mobile app platform which focused on participation in political initiatives.

Senior UX Product Designer

11 months

Completing a comprehensive site audit, conducting user research, and stakeholder interviews were pivotal in documenting and presenting a UX strategy. These steps allowed for an understanding of the existing challenges and opportunities. Key contributions include:

Identified paint points and created user personas

Developed sitemap and user flows

Defined page template layouts

Outlined content migration strategy and feature specifications

The UI Designer and I collaborated closely to finalize the design system, which streamlined our design and development process. By creating and maintaining this system, our development team has been able to efficiently produce user interfaces that are consistent and scalable across both the website and the mobile app and are also aesthetically pleasing. The design system includes:

Color

Typography

Images

Iconography

UI Components

We designed visually appealing page template layouts that engage users and also ensure consistency across the website. These templates incorporate modern design and are tailored to enhance readability, usability, and NUSA branding. Page template layouts include:

Homepage: Crafted to immediately engage users, guiding them effortlessly to areas of interest.

Primary page layout: To facilitate straightforward navigation to key site sections, enhancing discoverability.

Secondary page layout: Configured to present detailed content organized by categories.

Basic page layout: Aimed at delivering general information (easiest to customize).

News and Blog page layout: Template for editorial content.

Static page layout: Static design pages, which may incorporate user inputs or information (such as account pages), or dynamic content (like "Take Action" pages).

The mobile app aligns with the website's adherence to NUSA's branding and design guidelines, ensuring a consistent user experience across platforms. It is specifically tailored to promote user participation in political initiatives. This approach utilizes interactive features, such as gamification, and notifications to encourage active engagement, enabling users to easily get involved directly from their mobile devices. Key contributions include:

Sitemap and optimized user flows

Collaboration with UI designer

Newsfeed design and function

Gamification feature

Design iterations

After 7 months of discovering the issues, defining our objectives, designing solutions, and developing our product. We first launched the website and 4 months later we launched the mobile app for iOS and Android.

The project achieved several notable successes, foremost among them being the successful transformation of NumbersUSA's website and the introduction of the sister platform the mobile applications.

Increased user sign-up. Achieved to obtain over 500 new signups within a month post-launch.

The introduction of a comprehensive content organization system made relevant information easily accessible, enhancing user experience.

Additionally, the streamlined participation in the political process, improved donations integration, and mobile app gamification feature contributed to a more effective online platforms.