Awala Website Redesign

Designed and built a responsive multi-language marketing site for Awala, a platform to build offline-compatible apps, significantly increasing traffic by 4x and user engagement by 20% in 6 months.

Awala Website Redesign Hero Image

Project overview

Awala is an all-in-one app to bypass Internet censorship caused by governments, foreign militaries, and civil wars. It includes a secure built Awala VPN, which is specifically designed to climb over the Great Firewall of China and access the free Internet.

Role

I led the website UX/UI redesign, created all custom illustrations, and implemented the site. I also handled SEO optimisation, multi-language architecture, and ensured full responsive design.

Visit live website

Tools

Figma, FigmaJam, Illustrator, Cursor, Astro, TailwindCSS, Google Analytics, Google Search Console, Ahrefs.

Timeline

April - June 2024

Problem statement

The existing Awala website struggled to effectively communicate the value proposition and functionality of the product. Its design was text-heavy, visually outdated, and lacked a clear hierarchy.

Key features were buried in dense paragraphs, while weak visuals and a lack of human connection made the platform feel impersonal and untrustworthy. Overall, the site did not reflect the importance or credibility of Awala’s work in circumventing internet censorship.

Awala Wireframe

Goals & objectives

The challenge was to transform the Awala website into a modern, intuitive, and visually compelling platform that effectively communicates its mission to their target audience, while also maintaining a friendly, accessible tone despite the seriousness of the subject matter.

The design process

  • Competitive analysis: Analyzed leading censorship circumvention tools and VPNs.
  • User Research: Conducted interviews with users to understand their needs and pain points.
  • Site Architecture: Worked closely with the tech lead to design a scalable multi-language infrastructure.
  • Wireframing & Prototyping: Iterated quickly, tested designs, and incorporated feedback.
Awala Wireframe

Design solutions

Clear visual hierarchy & focused messaging

Simplified content structure with bold headlines and concise copy that immediately communicate Awala's purpose and benefits.

Modern visual design and branding

Crafted a bold visual identity using custom illustrations to balance the serious mission with a welcoming tone. I used bold headlines, generous whitespace, icons and a consistent color palette of deep blues and vibrant yellows to create visual contrast and clarity.

Improved information architecture

Reorganized content into intuitive, scroll-friendly sections that guide users through the product's features, benefits, and calls to action.

Enhanced credibility and social proof

Added a personal founder message, highlighted reputable funders, and emphasized the open-source nature of the project to build trust.

Emphasis on privacy and security

Clearly displayed key features like decentralized infrastructure, no special hardware, and open-source code in a scannable, icon-supported format.

Stronger conversion paths

Strategically placed, high-contrast call-to-action buttons throughout the site encourage downloads and newsletter signups.

Global, inclusive design tone

Adopted empathetic language and inclusive visuals to resonate with a diverse, global audience affected by censorship and conflict.

Awala Homepage

Site implementation

I built the fully responsive site using Astro, Tailwind CSS, and React, in close collaboration with the tech lead, who reviewed the code and provided technical guidance throughout the process.

I also integrated OG tags, JSON schema, and optimised the site for SEO by conducting keyword research, refining titles and meta descriptions, creating descriptive URLs, and optimising images.

Project outcome

Since launch, the redesigned Awala website has delivered measurable results. Within six months, site traffic increased by 4X, and user engagement rose by 20%, reflecting improved clarity, trust, and usability.