Shamaazi is a fundraising product suite that combines faith, data and innovative giving technology
I led the design there and this project is the design and build of their commercial site
Role
Product Designer
Deliverables
Brand refinement, Commercial site, Marketing assets
Context
Sole designer for this scale-up. My role and responsibilities ranged from product design to branding and marketing, working closely with all stakeholder groups
Results
- 2k page visitors across 10 countries since launch
- 42% of traffic from organic search
- 19 charity and mosque partners onboarded since launch
๐ค Problem
How might we build a commercial site that clearly communicates what Shamaazi does, builds trust with charity and mosque partners, and converts visitors into leads?
Shamaazi is a fintech-for-good scale-up with a growing suite of faith-based giving products: MyTenNights, MyFridays and MyTenDays, helping charities and mosques fundraise during the most spiritually significant moments of the year. As the sole designer, the challenge was to take an early-stage brand with minimal visual foundations and turn it into a polished, credible commercial presence capable of engaging partners at scale.
โ
๐จโ๐ฉโ๐งโ๐ฆ Users and target audience
The target audience for the site is charities, non-profits and mosques looking for fundraising technology partners. These are organisations that need to trust who they're working with, so clarity, credibility and a clean user experience were as important as aesthetics. A secondary audience is donors, arriving via SEO or word of mouth to understand more about the platform behind the products they use.
๐จ๐พโ๐ป Role
As the sole designer at the company, my responsibilities on this project were end-to-end, from initial brand refinement through to design and build. Working closely with the CEO, growth and engineering, my responsibilities included:
Brand refinement and visual direction
UX and visual design
Webflow build and CMS setup
Component development with Claude Code
Marketing asset production
๐ง Process
Discovery
With no detailed brief, early discovery was about understanding the business's goals and what the site needed to achieve. Stakeholder conversations helped establish the priority audiences, charity and mosque partners first, donors second, and what success looked like: demo bookings and partner enquiries. Competitor and market analysis helped establish visual and content benchmarks.
Exploration
Starting from what existed, a logo and a green, visual direction work began to extend the brand into something capable of carrying a full commercial site. Various directions were explored and reviewed with stakeholders before an agreed approach was established. Layout and content structure were shaped in parallel, with a focus on communicating the product suite clearly and building trust quickly.
Design and build
With direction agreed, design was worked up in Figma before moving into Webflow for the build. Rather than handing off to a developer, the site was designed and built by me, with Claude Code used throughout to accelerate component development, handle custom interactions like blog share actions, and support the CMS setup. This approach allowed for a tighter design-to-build loop and a higher-quality output than a typical low-code build alone.
๐ Outcome
The result is a polished, scalable commercial site that effectively communicates Shamaazi's value proposition to charity and mosque partners. The site launched on time and has since contributed to partner acquisition and lead generation for the sales team. The Webflow CMS allows the team to manage content independently, and the component library built during the project provides a foundation for future marketing pages.