UX Design Strategies for Website & Mobile App
Steve Kim
NumbersUSA - Website and Mobile App Design
Obtained over 500 user signups within a month after launch.
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.
Role:
Senior UX Product Designer
Timeframe:
11 months
Research and Insight
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
Scalable Design System
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
Website Design
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).
Mobile Design
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
Launch Successes
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.
