Comprehensive Visual Identity for Wasla Food Delivery App by Mehar HassanComprehensive Visual Identity for Wasla Food Delivery App by Mehar Hassan

Comprehensive Visual Identity for Wasla Food Delivery App

Mehar Hassan

Mehar Hassan

📈 Key Deliverables & Outcomes

Scope Area | Deliverables Included
Brand Identity | Primary wordmark, secondary stacked badge, app iconography, favicon, vector guidelines, color taxonomy
UI/UX Design | Mobile onboarding flows, restaurant browsing cards, order tracking UI, App Store mockup package
Marketing & Social | Instagram 9-grid puzzle campaign templates, story ads, digital web banner assets
Physical Collateral | Rider uniforms, insulated thermal backpack specs, vehicle fleet wrap dielines
Environmental & OOH | Bus shelter ads, subway digital posters, urban street kiosk displays, illuminated blade signs📌 Project Overview
Wasla (وصلة) is a premier on-demand food delivery mobile application built to bridge the gap between hungry consumers and local culinary hotspots with unparalleled speed, reliability, and ease.
Commissioned to create a comprehensive end-to-end visual identity and digital design language, the objective was to craft a modern, energetic, and trustworthy brand ecosystem that stands out in a hyper-competitive delivery market. From the foundational vector logo system and mobile app UI/UX to urban fleet vehicle wraps and high-impact transit out-of-home (OOH) advertising campaigns, Wasla's brand identity communicates instant convenience and culinary delight.

🎯 The Challenge

The food tech and quick-commerce space is notoriously saturated with visual monotony—often dominated by predictable red and orange color palettes and clunky interfaces. Wasla required:
Distinctive Brand Differentiation: A fresh, unmistakable color palette and modern visual asset library that distinguishes it from legacy delivery aggregators.
Speed & Reliability Symbolism: A memorable emblem and kinetic design motif communicating swift, frictionless doorstep delivery.
Omnichannel Cohesion: A versatile design system capable of scaling seamlessly from small 16px iOS app icons and smartwatch displays to multi-story outdoor transit billboards and delivery fleet vehicle graphics.

💡 Strategic Brand Direction & Visual Identity

1. Logo Design & Dynamic Kinetic Ribbon

The wordmark was architected around fluid, continuous curves reflecting connectivity (Wasla translates to "link" or "connection").
Primary Wordmark: A custom organic typography lockup balancing soft curvature with structural stability.
Stacked Emblem Lockup: A compact version engineered for mobile app launch screens, profile avatars, and physical merchandise.
The Kinetic Ribbon Motif: An undulating green ribbon graphic derived from the letterforms that functions as a versatile design asset across web interfaces, packaging tape, and billboard backgrounds.

2. High-Contrast Color Architecture

Departing from standard warm delivery tones, Wasla adopted an energetic, fresh, and appetite-stimulating color system based on modern bio-contrast:
Wasla Lime (#a3eb49): Represents high energy, swift motion, and modern agility.
Deep Forest Green (#013024): Anchors the brand in security, reliability, premium quality, and culinary freshness.
Clean Mint White (#e4fdf1): Serves as an airy, legible canvas for mobile UI microcopy and digital touchpoints.

📱 Mobile App UI/UX & Digital Experience

1. User Interface (UI) & Onboarding Flow

The mobile product experience prioritizes zero-friction conversion:
Clean Onboarding Flow: Engaging illustrations combined with dynamic typography lead the user straight from restaurant discovery to single-tap checkout.
Visual Food Photography: High-saturation, flame-seared food imagery layered under crisp brand badges to induce appetite appeal.
Design Tokens & Components: Reusable design system cards, status indicators, and interactive CTAs developed in Figma for scalable engineering handoff.

2. App Store Optimization (ASO) & 3D Iconography

Custom 3D rounded iOS/Android app icon with realistic depth, specular highlights, and active notification badge treatment.
Tailored App Store and Google Play listing feature graphics designed to maximize download conversion rates.

🛵 Physical Touchpoints, Merchandise & Fleet Branding

Brand trust in on-demand services is earned offline at the customer’s doorstep. A complete real-world collateral package was deployed:
Courier Uniforms: Breathable branded emerald polo shirts and high-visibility courier helmets.
Thermal Delivery Gear: Weatherproof, insulated delivery backpacks and motorcycle cargo boxes featuring reflective logos for nocturnal rider safety.
Commercial Fleet Graphics: Full-body vinyl wraps for urban delivery vans and transit trucks, creating mobile billboards across metropolitan trade areas.

🏙️ High-Impact Out-Of-Home (OOH) Advertising

To dominate urban market awareness during launch week, an extensive OOH creative suite was rendered:
Transit & Subway Displays: High-contrast illuminated posters within metro corridors reminding commuters to order dinner before arriving home.
Street-Level Lightboxes & Bus Shelters: High-visibility 3-panel street furniture ads placed at key transit intersections.
Illuminated Storefront Blade Signage: Minimalist neon-style acrylic wall signages for partner restaurant hubs and dark kitchens.
Brand Identity Design, Visual Identity System, Logo Design, Food Delivery App, Mobile App UI/UX, Design System, Brand Guidelines, App Store Optimization, 3D Icon Design, OOH Advertising, Billboard Design, Fleet Branding, Vehicle Wrap Design, Packaging Design, Uniform Branding, Art Direction, Creative Strategy, Figma, Adobe Illustrator, Adobe Photoshop
Like this project

Posted Oct 28, 2026

End-to-end brand identity & mobile UI/UX design for Wasla food delivery app, featuring custom logo, design system, app icons, and urban OOH advertising.