Refreshed Web App Design for Laban
Budget: $750 – $1,500 USD
Finalized Design Brief: Laban / Snack Bytes
1 · Project Overview
Laban is a pastel-themed, cozy smoothie and snack brand based in Kuwait. This design project will create both:
A responsive web app for Laban's online ordering
A reusable template for future food brands (under Snack Bytes platform)
Long-term Partnership Opportunity: We are a successful company based in Kuwait and UAE with multiple ventures. This project is the first of many - as we launch additional brands on the Snack Bytes platform, we're looking to build a long-term relationship with the right designer. The ideal candidate will become our go-to design partner for all Snack Bytes brands and potentially other ventures.
2 · Design Concept: The Perfect Blend
Project Vision
We want a web app that is functionally identical to iklikl but with a completely reimagined design, layout, and user experience. Think of it as taking iklikl's exact functionality, but giving it a total makeover to be as sleek, modern, and intuitive as Crumbl's design.
Reference Sites Analysis
Reference SiteWhat to KeepWhat to Reimagineiklikl.com• All functionality<br>• All Kuwait-specific components<br>• All screens and features<br>• Complete ordering flow<br>• Area/Block/Street address format<br>• Knet payment integration<br>• All current features• Every visual aspect<br>• Layout and spacing<br>• Component design<br>• Transitions and animations<br>• Navigation experience<br>• Overall look and feel<br>• Cart and checkout experiencecrumblcookies.com/order• Design quality and polish<br>• Mobile-first approach<br>• App-like interactions<br>• Smooth transitions<br>• Responsive behavior<br>• Large tap targets<br>• Strategic use of white space• Their specific branding<br>• US-centric features<br>• Cookie-specific elementsuniwebonline.com• For reference only - to understand the platform that powers ikliklN/A
Selective Improvements
While keeping iklikl's core functionality, you have permission to make targeted improvements that enhance the experience, inspired by Crumbl:
Example: Replace email sign-in with OTP if it's more user-friendly
Any proposed improvements should be clearly justified and focused on enhancing usability
The goal is modernization without losing any functionality that works in Kuwait
Design Philosophy
This is a complete visual transformation while maintaining functional parity with iklikl. The end result should:
Function exactly like iklikl (all features work the same way)
Look and feel completely modern (inspired by Crumbl's quality)
Provide a significantly better user experience
Be easily reskinnable for future brands
3 · Required Screens
Core Template (Including all necessary Kuwait-specific components)
Landing Page (area picker)
Side/Burger Navigation
Product Menu / Categories
Product Detail
Cart Drawer / Preview
Checkout (address → time slot → payment)
OTP Login
Order Confirmation
Empty/Error States
Order History
Laban Theme Layer
Brand palette overrides
Custom illustrations & product images
Typography & UI accents
Breakpoints
Mobile: 360 × 800 px (primary focus)
Desktop: 1440 × 1024 px
4 · Design Requirements
4.1 Functional Requirements
Include all Kuwait-specific components from iklikl: Area → Block → Street address inputs, Knet integration, etc.
Present these components in a completely refreshed, modern UI/UX
Create an app-like experience within the browser
4.2 Visual Requirements (Laban Brand Tokens)
Primary Colors: Pastel Lavender #E9D3F7 (main), Pastel Purple #C08CFD (accent)
Secondary Colors: Pastel Mint #C6F1D6 (success), Pastel Pink #FDC7CE (error)
Neutrals: Black #000, White #FFF, Light Gray #C2C2C2
Typography – English: Gotham Rounded (Bold for H1-H3 & Buttons, Medium for Body)
Typography – Arabic: Noto Sans Arabic Rounded
Sizing: H1 24px, H2 20px, H3 18px, Body 16px, Small 14px, Button 16px
UI Rules: 8pt spacing grid, 8px corner radius, 44×44px minimum tap targets
4.3 Component Design
All elements must use Auto-layout
Create variant states for interactive elements (hover, pressed, disabled)
Design components for reusability across brands
4.4 Figma File Structure
00 Design System (colors, text styles, spacing tokens)
01 Core Components
02 Wireframes / Core Screens
03 Laban Theme Overrides
04 Laban Screens – Mobile
05 Laban Screens – Desktop
06 Prototype Links
5 · Deliverables
One complete Figma file with:
Design system styles & variables
Variant-based components
All screens for mobile and desktop
Laban-skinned versions of all screens
Clickable prototype covering full checkout flow (mobile)
Developer notes page with:
Component states
Responsive breakpoints
Animation specifications
Export instructions
6 · Component Naming Standards
Use semantic naming: SB/Button/Primary, LBN/Color/PrimaryLavender
Organize components logically for developer handoff
Prefix core template components with "SB/" (Snack Bytes)
Prefix Laban-specific overrides with "LBN/"
7 · Timeline
MilestoneDue Date (from kickoff)Low-fi wireframes (all screens)Day 5High-fi template + Laban draftDay 10Final polished Figma & prototypeDay 14
8 · Success Criteria
This project will be successful when:
Laban can launch directly from the Figma deliverables
Future brands can be reskinned in less than 2 days by only changing design tokens
The design provides a significantly better user experience than current market options
9 · Future Opportunities
This initial project will lead to:
Regular theme design work for new Snack Bytes brands (approximately one new brand every 1-2 months)
Potential to become our primary design partner across other ventures
Long-term, stable collaboration (we value consistent partners over one-off projects)
We're looking for reasonable pricing that reflects both the quality we expect and the opportunity for ongoing work. The right designer will grow with us as we expand the platform.
10 · Confirmation Checklist
Please confirm you understand:
You'll deliver a complete Figma file following the structure above
You'll include all the Kuwait-specific components from iklikl, but present them in a completely modernized way
You'll apply Crumbl-level design polish (not copy their specific branding)
You understand the Kuwait-specific elements (area/block/street fields, Knet)
You're comfortable with creating both a template and a themed version
The timeline is acceptable
You're interested in potential long-term collaboration
Please let us know if anything needs clarification before we begin. Thank you!
1 · Project Overview
Laban is a pastel-themed, cozy smoothie and snack brand based in Kuwait. This design project will create both:
A responsive web app for Laban's online ordering
A reusable template for future food brands (under Snack Bytes platform)
Long-term Partnership Opportunity: We are a successful company based in Kuwait and UAE with multiple ventures. This project is the first of many - as we launch additional brands on the Snack Bytes platform, we're looking to build a long-term relationship with the right designer. The ideal candidate will become our go-to design partner for all Snack Bytes brands and potentially other ventures.
2 · Design Concept: The Perfect Blend
Project Vision
We want a web app that is functionally identical to iklikl but with a completely reimagined design, layout, and user experience. Think of it as taking iklikl's exact functionality, but giving it a total makeover to be as sleek, modern, and intuitive as Crumbl's design.
Reference Sites Analysis
Reference SiteWhat to KeepWhat to Reimagineiklikl.com• All functionality<br>• All Kuwait-specific components<br>• All screens and features<br>• Complete ordering flow<br>• Area/Block/Street address format<br>• Knet payment integration<br>• All current features• Every visual aspect<br>• Layout and spacing<br>• Component design<br>• Transitions and animations<br>• Navigation experience<br>• Overall look and feel<br>• Cart and checkout experiencecrumblcookies.com/order• Design quality and polish<br>• Mobile-first approach<br>• App-like interactions<br>• Smooth transitions<br>• Responsive behavior<br>• Large tap targets<br>• Strategic use of white space• Their specific branding<br>• US-centric features<br>• Cookie-specific elementsuniwebonline.com• For reference only - to understand the platform that powers ikliklN/A
Selective Improvements
While keeping iklikl's core functionality, you have permission to make targeted improvements that enhance the experience, inspired by Crumbl:
Example: Replace email sign-in with OTP if it's more user-friendly
Any proposed improvements should be clearly justified and focused on enhancing usability
The goal is modernization without losing any functionality that works in Kuwait
Design Philosophy
This is a complete visual transformation while maintaining functional parity with iklikl. The end result should:
Function exactly like iklikl (all features work the same way)
Look and feel completely modern (inspired by Crumbl's quality)
Provide a significantly better user experience
Be easily reskinnable for future brands
3 · Required Screens
Core Template (Including all necessary Kuwait-specific components)
Landing Page (area picker)
Side/Burger Navigation
Product Menu / Categories
Product Detail
Cart Drawer / Preview
Checkout (address → time slot → payment)
OTP Login
Order Confirmation
Empty/Error States
Order History
Laban Theme Layer
Brand palette overrides
Custom illustrations & product images
Typography & UI accents
Breakpoints
Mobile: 360 × 800 px (primary focus)
Desktop: 1440 × 1024 px
4 · Design Requirements
4.1 Functional Requirements
Include all Kuwait-specific components from iklikl: Area → Block → Street address inputs, Knet integration, etc.
Present these components in a completely refreshed, modern UI/UX
Create an app-like experience within the browser
4.2 Visual Requirements (Laban Brand Tokens)
Primary Colors: Pastel Lavender #E9D3F7 (main), Pastel Purple #C08CFD (accent)
Secondary Colors: Pastel Mint #C6F1D6 (success), Pastel Pink #FDC7CE (error)
Neutrals: Black #000, White #FFF, Light Gray #C2C2C2
Typography – English: Gotham Rounded (Bold for H1-H3 & Buttons, Medium for Body)
Typography – Arabic: Noto Sans Arabic Rounded
Sizing: H1 24px, H2 20px, H3 18px, Body 16px, Small 14px, Button 16px
UI Rules: 8pt spacing grid, 8px corner radius, 44×44px minimum tap targets
4.3 Component Design
All elements must use Auto-layout
Create variant states for interactive elements (hover, pressed, disabled)
Design components for reusability across brands
4.4 Figma File Structure
00 Design System (colors, text styles, spacing tokens)
01 Core Components
02 Wireframes / Core Screens
03 Laban Theme Overrides
04 Laban Screens – Mobile
05 Laban Screens – Desktop
06 Prototype Links
5 · Deliverables
One complete Figma file with:
Design system styles & variables
Variant-based components
All screens for mobile and desktop
Laban-skinned versions of all screens
Clickable prototype covering full checkout flow (mobile)
Developer notes page with:
Component states
Responsive breakpoints
Animation specifications
Export instructions
6 · Component Naming Standards
Use semantic naming: SB/Button/Primary, LBN/Color/PrimaryLavender
Organize components logically for developer handoff
Prefix core template components with "SB/" (Snack Bytes)
Prefix Laban-specific overrides with "LBN/"
7 · Timeline
MilestoneDue Date (from kickoff)Low-fi wireframes (all screens)Day 5High-fi template + Laban draftDay 10Final polished Figma & prototypeDay 14
8 · Success Criteria
This project will be successful when:
Laban can launch directly from the Figma deliverables
Future brands can be reskinned in less than 2 days by only changing design tokens
The design provides a significantly better user experience than current market options
9 · Future Opportunities
This initial project will lead to:
Regular theme design work for new Snack Bytes brands (approximately one new brand every 1-2 months)
Potential to become our primary design partner across other ventures
Long-term, stable collaboration (we value consistent partners over one-off projects)
We're looking for reasonable pricing that reflects both the quality we expect and the opportunity for ongoing work. The right designer will grow with us as we expand the platform.
10 · Confirmation Checklist
Please confirm you understand:
You'll deliver a complete Figma file following the structure above
You'll include all the Kuwait-specific components from iklikl, but present them in a completely modernized way
You'll apply Crumbl-level design polish (not copy their specific branding)
You understand the Kuwait-specific elements (area/block/street fields, Knet)
You're comfortable with creating both a template and a themed version
The timeline is acceptable
You're interested in potential long-term collaboration
Please let us know if anything needs clarification before we begin. Thank you!