top of page
Cover.png

WIX DONATIONS

Designing a way to accept donations

Install the donations app

Donation app can be installed from the Wix app market. Once installed, a new page is added to the site with a default form. The form is connected to the site settings with a default campaign that the customer can manage.

Manage donations campaign settings

From Wix dashboard, the customer can add, edit and archive donation campaigns. Each campaign should have the following editable attributes: name, goal, fixed amount to donate / custom amount to donate, option to donate with frequency (daily / weekly / monthly / one-time) and an option to auto-send a thank you email for donors.

Customize the donations form

From the site editor, the donations campaign owner can change text, design and layout freely - like other forms at Wix. In addition, he can choose the default states for the donation campaign options.

A visual identity and user experience for studio that provides a holistic therapeutic experience where the body and mind are treated as one. Through movement therapy, comunity events, and psychological guidance, the studio helps people reconnect with themselves, build self-awareness, and integrate healing into everyday life.

The E-motion app extends this philosophy into the digital space, creating a personal companion that supports users between sessions — allowing them to register for classes, and encouraging ongoing reflection, emotional tracking, and mindful growth.

A visual identity and user experience for a therapeutic movement studio that combines movement therapy with psychotherapy. The design language, spanning physical and digital touchpoints, creates a harmonious balance between free movement and inner stability.

Wix observed a growing demand among its users, especially nonprofits and community organizers, for a way to collect donations. Because Wix has no built-in solution for accepting donations, users had to find complex workarounds inside Wix platform, or even build it on a different site builder.

MY ROLE

UX/UI Designer,  UX Research,  Wireframing, Design QA

PROBLEM

Many Wix users want to create donation pages directly through the platform, but there’s currently no built-in feature that supports this need. As a result, many users turn to external platforms that offer dedicated donation tools.

GOAL

Design a seamless and intuitive system that enables users to easily create and manage donation pages within Wix. It should provide a simple, convenient experience that supports different fundraising needs while maintaining the same level of design flexibility and professionalism that Wix is known for.

Discovery

DonorBox-Logo.webp

Donorbox offers a smooth and intuitive user experience, guiding users through a simple onboarding process that makes setup quick and clear. The form creation interface is well organized, with real-time previews that reduce trial and error and give users confidence as they design. Visual customization options like colors, logos, and layouts help maintain brand consistency and build trust. 

Screenshot 2025-10-15 at 15.15.57.png
hero.png
GoFundMe_logo.svg.png

GoFundMe provides a straightforward, step-by-step process for creating a campaign. However, GoFundMe offers limited design customization. You can upload a cover photo or video, format your story text, and slightly customize the campaign URL and title. But, you cannot change the donation form layout, colors, fonts, or move elements, as the platform keeps a consistent look to ensure trust and ease for donors.

Screenshot 2025-10-16 at 9.57.27.png
donately logo -1-.webp

Donately is a fundraising platform designed for nonprofits, churches, and small to mid-sized organizations, combining ease of use, affordability, and powerful features. Its intuitive interface allows users to quickly create donation forms and campaign pages, with customization options for logos, colors, and suggested amounts to align with branding and build donor trust.

Screenshot 2025-10-16 at 10.22.26.png
Screenshot 2025-10-16 at 10.22.49.png

Key Insights

Easy Setup

A simple, guided process that helps users create a page quickly without confusion. A smooth onboarding experience ensures that organizations can start fundraising.

Page Customization

Ability to add cover images/videos, compelling text/story sections. Well-designed pages make the campaign more memorable and impactful.

Secure Payment Processing

Donation platforms must provide safe, trustworthy ways for donors to give online, supporting multiple payment methods.

Donor Engagement Tools

Options like suggested amounts, recurring donations, thank-you messages, and progress update to keep donors involved.

Product Requirements

Final Design

Installing donation app and creating a campaign

Screenshot 2025-10-19 at 9.15.17.png
Screenshot 2025-10-19 at 9.02.46.png
Screenshot 2025-10-19 at 9.04.39.png
Access Wix.com and select the website where the user wants to integrate Wix Donations.

Then, navigate to the App Market and install Wix Donations.

Screenshot 2025-10-19 at 9.05.20.png

Once the app is installed, a demo donation campaign in a new page is added.

Screenshot 2025-10-19 at 9.05.57.png

By clicking on "Manage Campaign" , the user is navigated to the dashboard.

Screenshot 2025-10-19 at 9.06.22.png

The user clicks on the campaign he wants to edit.

Screenshot 2025-10-19 at 9.13.06.png

Changing campaign name.

Screenshot 2025-10-19 at 10.23.56.png

Setting the donation frequency.

Screenshot 2025-10-19 at 9.15.33.png

First option: show only the amount that the donor can donate.

Second option: add the impact of each amount of donation.

Screenshot 2025-10-19 at 10.43.04.png

The user can set a campaign goal so donors can see the target and the progress of it.

Screenshot 2025-10-19 at 9.16.07.png
Screenshot 2025-10-19 at 9.16.15.png

The campaign is now active. The user navigates to the site editor to review it.

Saving the changes.

Screenshot 2025-10-19 at 9.17.17.png

Clicking 'Choose Campaign' lets you switch between the campaigns created on dashboard.

Screenshot 2025-10-19 at 9.17.44.png

Click 'Change Image' to upload any image for the campaign.

Screenshot 2025-10-19 at 9.24.46.png

Clicking on each section lets the user to customize the form design.

Screenshot 2025-10-19 at 10.46.51.png

The user can choose what to display on the donation form.

Screenshot 2025-10-19 at 10.46.59.png

Determining the fields default state.

Screenshot 2025-10-19 at 10.47.32.png

Changing layout

Screenshot 2025-10-19 at 9.24.46.png
Screenshot 2025-10-20 at 11.52.47.png

Publish the site and start collecting donations.

Now the donor can easily make a donation!

bottom of page