Back
Overwhelming and poorly organized content kept a robust investor toolkit from being used by AAII’s members.
We kicked things off with two of their core pages: the public facing homepage and the logged in member dashboard.
As with many of our projects, we started by conducting a comprehensive discovery process to understand AAII’s goals and objectives. We discussed the needs of both members and non-members at length with the AAII stakeholders and took a deep dive into their website and marketing materials to better understand their products.
Our research revealed that AAII members were feeling overwhelmed with where to start their educational journey and were seeking a more intuitive portal for accessing tools and resources. Non-members frequently found the organization’s outdated website unattractive and had a hard time understanding how AAII could actually help their lives as investors.
We started with the public-facing homepage. Our goal was to give AAII a fresh, modern look and feel while improving navigation and content organization. This is an extremely content-rich page and conveying the invaluable perks of joining AAII in a straightforward manner was a top priority. We began with the development of wireframes, methodically structuring page components and determining content prioritization before transitioning to the design phase.
We then turned our focus to refining the membership dashboard page. AAII’s main goals here were to reduce churn, increase engagement, and encourage subscribers to upgrade their membership. Applying the same level of care to meticulously organize content, we prioritized content within a wireframe in a way that would help members discover valuable tools while showcasing essential information for power users.
Again, we started the visual overhaul with the homepage. Through skillful design, we brought visual allure to the forefront, showcasing AAII’s impressive range of tools and resources and strategically positioning compelling calls to action to encourage new subscriptions.
On the member dashboard, we established a beautiful new design language for tables, charts, and stock tickers. We also prioritized the most exciting, dynamic content by pushing it to the forefront of the portal so members could see it when they first log in. Finally, we implemented several engaging calls to action throughout the portal to encourage members to upgrade for access to additional complex tools and resources.
After the design was complete, we began coding the front-end markup. The front-end development of the site utilizes the latest HTML/CSS and was built using a responsive framework for an optimized experience on any device.
Close coordination with the AAII team was the cornerstone of our approach to confirm that the new design and its dynamic interactions seamlessly complied with their system’s functional criteria.
We wanted to ensure the page designs would work on any browser or device, and got busy fixing any issues we found. Following this, we handed over the code to the AAII team for their rigorous testing and streamlined back-end integration.
Keep an eye out for awesome web content heading straight for your inbox!
Our audit reveals if your site stands out, communicates value, and is easy to navigate — while uncovering ways to boost engagement, conversions, and security.
Δ