Digital transformation of a hands on charity to donations platform with bloggers, vlogs and articles in the support of unlimited causes

1 year 11 months ago
Industry Sector

Global Language Center

About

Design of a donation platform for a grassroots charity organisation in Hanoi, Vietnam. Started by a retired journalist, Ms Pham, who has been working tirelessly now for 20 years. She originally set up the charity Global Languages School or GLC to teach English to underprivileged children in Hanoi and to make regular trips to remote villages in mountainous ranges supplying teaching materials, books, pencils, pens, and baby supplies. Since COVID things are much worse with families, babies, toddlers having to live homelessly. Vietnam is one of those developing nations hit hard by the pandemic. I had always wanted to help Ms Pham get a proper platform up and running so she could receive donations. She always wanted to update the content herself, which is difficult to teach someone so busy when they have several things to do at the same time. She was though very familiar with FB and regularly uploads photos and descriptions of everything she does with the charity. There are several different volunteers too posting their XP’s with GLC on FB. Each post had their own cause, so there was enough to create the IA (information architecture – taxonomy, content, users) and every cause would be supported with actual posts, so blogs and events supporting a cause, causes be limitless and perfect organic SEO. I’m still involved with managing and maintaining it

Deliverables
  • Product Modelling – Business analysis
  • Heuristic UX Design, - IA information architecture
  • Copywriting
  • Content strategy
  • Wireframing
  • Iconography
  • Typography
  • UI Design, UI brand, Handheld – Desktop+ PWA
  • UI Engineering - Bootstrap UI
  • Drupal CMS PaaS E-Commerce configuration
  • Progressive Web Application PWA
  • Content Strategy
  • Manage Development
  • Manage Content
  • DevOps

Quick prototype

IA

Information Architecture / Categorising content / vocabularies / content sttructure

IA

Sitemap

IA

Responsive UI

Responsive UI

Install PWA

UI Layout Guide
UI Layout Guide
UI Layout Guide

Design of CTA’s

IA

UX and UI design. Branding, Red donations colour, Font, tone of voice, 3 VP's Graphic design (slider Mondrain style photo montage)

Homepage

Blogs list page, UI card design, Filtered search by author, date – blogs linked to causes, Blog page

IA
IA

Causes page for donations, donation card – Donations amount options, offering quick click, option to follow cause (when cause is donated to again without being registered using stored session option)

IA
IA

Payment flow with PayPal

IA
IA
Cancelled PayPal

clients

latest projects

shouts