Democracy-Lab
Democracylab
Client
My Role
Platform
.png)
Problem
DemocracyLab has assigned us the task of creating a new "About Us" page for their website. The current page is overloaded with information, making it difficult to quickly grasp the core narrative about DemocracyLab and its origins. Additionally, key information is not being effectively conveyed.
The Challenge
Information Overload: The current "About Us" page contains too much information, overwhelming visitors and hindering quick understanding of DemocracyLab's mission and history.
Narrative Clarity: The core narrative about what DemocracyLab is and how it started is not immediately clear or easy to find, requiring a restructuring to ensure these elements are prominently featured.
Key Information Conveyance: Important information is not being communicated effectively, necessitating a clearer and more impactful presentation.
Content Prioritization: Determining which information is essential and should be highlighted versus what can be trimmed or relocated to other sections of the website.
User Engagement: Ensuring the new page is engaging and holds the reader's attention, making the narrative compelling and the information easy to digest.
Design and Layout: Redesigning the layout to improve readability and flow, ensuring the visual elements support the content without causing distraction.
SEO Optimization: Making sure the revised content is optimized for search engines to improve visibility and reach.
Content Accuracy: Verifying that all information is accurate, up-to-date, and reflects the current state and vision of DemocracyLab.
Technical Constraints: Working within any technical limitations of the website platform to implement the desired changes effectively.
Key Objectives
Streamline Content: Reduce the amount of information to make the page more concise and user-friendly.
Clarify Narrative: Clearly communicate the core narrative about DemocracyLab's mission, vision, and origins.
Highlight Key Information: Ensure that the most important information is prominently displayed and easily accessible.
Enhance Readability: Improve the page's readability by organizing content in a logical and engaging manner.
Improve Engagement: Create content that captures and retains the interest of visitors, encouraging them to learn more about DemocracyLab.
Update Design: Redesign the layout to support the content better and improve the overall user experience.
Maintain Accuracy: Ensure all information is accurate, up-to-date, and reflective of DemocracyLab's current state and future goals.
Work Within Technical Constraints: Implement the changes effectively within any technical limitations of the website platform.
Solution
Old Page
.jpg)
Design Process
Quick Ideation Sketches
Information Architecture
Meticulously designed to offer an intuitive user experience, balancing educational content, interactive elements, and community involvement.
Wireframing and Prototyping
Initial wireframes evolved into interactive prototypes, which were then tested and refined. This phase was essential for perfecting user flows and interface elements.
User Interface Design
Aimed at creating a visually appealing and emotionally engaging experience, the design featured innovative AI UI, intuitive icons, and an easy-to-navigate layout.
Accessibility and Inclusivity
Special attention was dedicated to ensuring the website's accessibility for all users, including those with disabilities. Features such as screen reader compatibility, color blindness modes, and scalable text were incorporated.
Launch Strategy
The launch of DemocracyLab's About Us and Our Team pages required a collaborative approach, engaging feedback from investors and team members. This iterative process, while longer than initially anticipated, allowed for consistent refinement to ensure the content accurately represented our mission and values. By prioritizing alignment across key stakeholders, we successfully enhanced the flow and readability of the pages upon launch, improving the user experience and strengthening our brand narrative. The extra time spent was crucial in delivering a polished and cohesive presentation that resonates with our audience.
Quick Mockup
After gathering valuable input from the Board of Directors, fellow designers, and developers, my team and I implemented key changes that significantly enhanced the project's design and functionality. This collaborative feedback loop allowed me to refine user interfaces, streamline workflows, and align the design with both business objectives and user needs. By integrating diverse perspectives, I ensured the final product was not only visually compelling but also user-friendly and technically robust.
Revision 1
