BeriPeduli - Demo Website Donasi | made with ngram

About the video

This video was created by ngram to showcase the BeriPeduli donation website through animated HTML/CSS motion graphics in a 16:9 format. The video walks through the platform's key pages and flows in sequence: an introduction of the BeriPeduli logo, the homepage, a list of fundraising campaigns, a detailed campaign page, and the donation page itself. It then demonstrates the login and registration process, followed by a simplified three-step fundraising setup flow, before closing with an about-us section and a final closing scene. Together these scenes give viewers a clear overview of how the website is structured and how a visitor can browse campaigns, learn about a specific cause, make a donation, create an account, and start their own fundraiser in just a few steps. ngram built this as a motion graphics demo, using clean animated transitions between screens to highlight the website's layout and user journey rather than live footage, making it a concise visual tour suited for presenting the product's design and functionality to viewers unfamiliar with the platform.