Skip to content

Recommend Gemeos to your network and earn a commission

Discover our referral program
Let’s talk?

Qomon x Gemeos

Art direction, UX/UI, Webflow build, and SEO for Qomon, the platform that mobilizes volunteers and supporters at scale.

Qomon turned to Gemeos, a web agency specializing in nonprofits, to rework its UX/UI, art direction, Webflow development, and international SEO.

Smartphone showing Qomon's mobile pricing page "Purpose-built Plans & Pricing" with a contacts slider

Qomon: The platform that turns engagement into action

Qomon is a SaaS platform built for NGOs, nonprofits, and political movements that need to mobilize volunteers and supporters at scale. Active in 70 countries and powering more than 1,000 causes, Qomon needed a website that matched its global ambition.

Gemeos defined the art direction, designed every UX/UI page, built the site in Webflow, and handled SEO to maximize the brand’s global visibility.

Industry
Saas
Services
Artistic Direction
UX/UI Design
Development
SEO
Qomon web pages on purple background: light green homepage “Turn volunteers into doers” with Teams interface

Art Direction: A Purpose-Driven, International SaaS World

Qomon’s art direction had to embody three core values: Innovation, Community, and Impact. The Gemeos team built a modern, ambitious visual world aligned with the standards of the best international SaaS brands, while keeping the brand’s human, purpose-driven DNA intact.

DA ElementApproach
Visual worldPremium SaaS, purpose-driven, and international
Product screensMobile & desktop interface showcase
PhotographyHuman, on the ground, volunteers in action
AnimationsInteractions built to drive engagement & action
  • Qomon typeface, white and lime “Aa” on a violet background
  • Qomon animated palette: violet, lime, pink and ink

  1. Concept 1: Human & Purpose-Driven

    A full-screen photographic hero with portraits of smiling activists that instantly sets the tone: emotion, energy, and civic engagement. The deep plum background gives the page a distinctive, memorable feel. Soft blush feature cards, paired with field photos and product stats, alternate between emotion and functional proof. A warm, activist-led direction that speaks directly to nonprofit organizations and campaign teams.

  2. Concept 2: White & Feature-First

    A clean white design that puts the product and its features front and center. The split text/interface hero shows the platform’s power at first glance. The four-card feature grid, CRM, Field Mobilization, Mobile, API, presents the offering in a clear, comprehensive way. A more SaaS-driven, professional direction, built for decision-makers who want to evaluate the tool before they commit.

  3. Concept 3: Acid Green & Bold

    A radical visual direction, with acid green as the signature color, breaks away from every usual civic tech code. The white hero, paired with extra-bold black typography and vivid color blocks, creates instant impact. The full-width product screenshot showcases the depth of the interface. The testimonial block, set on an acid green background with a large quote, feels punchy and memorable. A bold, energetic direction that positions Qomon as a player willing to shake up its industry.

Qomon homepage mockup: two smiling people, “Passez à l'action avec Qomon” headline and partner logos
Concept 1
Laptop showing Qomon's Figma file with website page mockups in lime green, pink and purple

UX/UI Design: Pages That Turn Organizations Into Customers

Qomon’s pages were designed to speak to two core audiences: the “doers” (field coordinators, campaign managers) and the “dreamers” (leaders, cause owners). Every section clearly showcases product value and drives visitors toward a free trial or demo. This UX/UI design approach shapes every page.

Designed PageUX Goal
HomepagePlatform pitch, free trial CTA
Feature PagesMobilization, data & CRM, campaigns
Use Case PagesNGOs, associations, political movements
Pricing PagePlans tailored for mid-market organizations
About PageMission, team, impact (70 countries, 1,000 causes)
  • Violet Qomon For NonProfits and Qomon For Advocacy cards with their photos, on a lime background
  • Scrolling iPhone on a pink background, showing the Qomon Plans & Pricing mobile page
  • Lime “Qomon Campaign Offer” card at €650 for the whole campaign, on a violet background
Qomon mobile pricing page on a smartphone: “Purpose-built Plans & Pricing” with contact slider and currency

Webflow Build: A High-Performance International Site

Qomon’s Webflow build was designed to support a global audience. The site is responsive and follows best-in-class technical practices to ensure performance and maintainability.

Technical AspectDetails
PlatformWebflow
ResponsiveDesktop, tablet, and mobile
LocalizationInternational site (EN first)
PerformanceCore Web Vitals optimization
CMSBlog and resources in Webflow CMS
  • Violet Qomon key figures banner: +2k volunteers, 5,000 actions, 340 supporters, on a lime background
Qomon CRM page on a laptop, headline “Centralize Your Data” with a teams dashboard preview, pink background

SEO: International Visibility for a High-Potential Platform

Qomon’s SEO strategy was built to win rankings on strategic searches in both English and French: volunteer management software, NGO mobilization platform, volunteer software. On-page optimization, technical structure, and internal linking were all handled to maximize visibility in target markets.

SEO FocusAction
Keyword researchEN + FR, NGO / political / volunteer
On-page optimizationTitles, meta, Hn, alt texts
Technical SEOSpeed, URL structure, sitemap
Internal linkingLinks between use cases and features
SEO contentPages targeted at high-intent searches
  • Qomon “Trusted. Awarded.” section cards: SourceForge, Slashdot and Capterra badges, changelog and Campaigns & Elections award, on a pink background

Our latest projects

+250 companies supported

Websites designed and developed with

See all projects

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

Let’s f*****G GO !!