About the project
AirAsia Foundation is the philanthropic arm of AirAsia. As the foundation grew, they intend to digitalise their presence and sought help from the internal web team.
When I was assigned this project, my role was to design the layout of the website and work together with the developers to create a CMS backend workflow that would allow the AirAsia Foundation team to manage the site’s content on their own.
Initial discussion
My project manager, team of developers and I met up with the project owner to understand the brief and their current challenges.
From our discussion, we identified 3 current issues:
• Manual grant forms - causes missed business opportunities and emails of repetitive inquiries
• Lead time and process to set up a donation portal takes too long
• All promotional activities require assist from the AirAsia team which lacks prioritisation as their main focus prioritises on flight sales
Goals and timeline
During the discussion, the project team and I has a quick assessment on the project timeline and broke each release for its priority features.
Release 1:
• design page templates for different content types
• social entrepreneur projects
• grant application
• create a content upload guide as per the CMS system (using Wordpress)
• create a workflow for the grant application form (from online submission to automated eDM replies)
• create a workflow for the donation portal (from ePay to automated eDM replies and auditing received payments)
• create design guide and PSD templates for vendors/freelance designers to reuse
Release 2:
• design page templates for different content types
• events
• humanitarian efforts
• social media and press release
• Destination GOOD (e-commerce site)
Identifying personas
As there was no previous reference, I arranged a session with our project owner and identified the type of personas we need to appeal to.
Sitemap and content architecture
My next step was to draw out the sitemap and presented it to the project team so that our IT team can start an early assessment on any possible issues.
One particular area we had to confirm was to make sure our donation portal could audit and secure all incoming payments.
Wireframes and UI
As AirAsia Foundation already had some creative guide created by the creative team, I used the existing materials to create a web design library and confirmed with the creative team. From hereon, I moved to high fidelity screen design to discuss with the creative and web design team on the UI elements. This way, we were also able to quickly review the design and gain feedback from the project owner and management team as they were able to see about 90% of the final screen designs.
Tools
Photoshop & Illustrator
interchangable main banner
Using CMS, project owners were able to switch the main banner to a donation widget.
SOCIAL ENTREPRISE
Using CMS, project owner is able to upload and share content efficiently without design or coding knowledge.
Online form
A simple link all it takes now to share grant application details to potential social entrepreneurs and allow them to apply for grant when they want to.
MEDIA
Hosting and sharing media content in one site will allow exposure to the foundation’s YouTube channel and allow news outlet or trustees to download and catch up on highlights on the latest projects.
DESTINATION: GOOD
Allow users to discover our physical and online store for available merchandise.
Launch results
After several weeks of peer reviews, walkthrough and workshops were done, the final design was approved and moved to development.
In the first year (2017), Phase 1 and Phase 2 had launched and the site attracted many grant applicants from enthusiastic social entrepreneurs. From thereon, AirAsia Foundation was able to provide grants and work with 6 new social entrepreneurs across the Asean region. Altogether today, AirAsia Foundation have successfully worked with 28 social entrepreneurs to create a social impact through entrepreneurship.