Fundacause
-redesign
Fundacause is a platform designed to help charities and nonprofits run fundraising campaigns.
This redesign wasn't comissioned by fundacause.
Why am i redesigning? The redesign of Fundacause’s web app and landing page represents an opportunity to make a meaningful impact on the platform’s effectiveness through thoughtful design and user-focused improvements, this case study aims to enhance the overall user experience and modernize the platform’s aesthetics.
Tools
Figma
Framer
Adobe Ilustrator
Role
Product Designer
Timeline
June - July 2024
DESIGN SYSTEM
Building a mini design system
In this case study, I developed a mini design system to enhance consistency and scalability across projects. It includes a cohesive color palette, typography guidelines, a responsive grid, reusable UI components, illustrations.
GLIMPSE OF THE COMPONENT USED
CREATE AN ACCOUNT UX FLOW
Addressing input errors
When designing the account creation process, particularly the password input field, several key UX flaws can impact user experience. Addressing these flaws is crucial to ensuring a smooth and frustration-free registration process.
BEFORE
AFTER
WEBAPP - DASHBOARD
Improving navigation, layout, and aesthetic
Enhancing the dashboard’s navigation, layout, and aesthetics is crucial for improving user experience and functionality. By addressing these areas, I designed a more intuitive, engaging, and responsive dashboard that empowers users to efficiently access and manage their data.
Before
AFTER
WEBAPP - CAMPAIGN REPORTS
Enhanced layout, responsiveness, and donation documentation
The redesigned campaign reports interface improves usability with a clearer layout, ensures accessibility across all devices, and enhances data presentation with detailed donation history and visualization features. This streamlines tracking and analysis, leading to more effective campaign management.
BEFORE
AFTER
WEBAPP - PROFILE
Profile overhaul
The redesigned profile interface offers a streamlined layout, improved responsiveness across devices, and optimized navigation. these changes make it easier for users to manage their information efficiently and access key features seamlessly.
BEFORE
AFTER
donation page
Clear layout and impactful descriptions
The redesigned donation page features a clean layout and detailed descriptions, improving clarity and building trust to encourage more donations.
BEFORE
AFTER
NEWLY NTRODUCED DONATION FLOW
CREATE CAMPAIGN
Improved UX flow
I redesigned the campaign creation process with an intuitive UX flow and a polished UI, making it easier for users to set up and launch successful campaigns.
MOBILE RESPONSIVENESS
Mobile accessibility
I implemented a responsive design approach, each screen adapts seamlessly to various mobile devices, providing a consistent and user-friendly experience
LANDING PAGE
Fresh look and boosted credibility
I gave the landing page a complete makeover to create a modern and visually appealing design. To build credibility, I introduced new sections highlighting trust badges. These additions reassure visitors of the platform's reliability and effectiveness. The entire redesign was developed in Framer, leveraging its powerful tools to ensure a smooth, interactive, and responsive user experience.
Q2- OPEN TO NEW PROJECTS
Stuurvs i can help you with
Web Apps Design
Dashboard Design
E-com Design
Landing Page
No-code Development - Framer
