One areeba website,
ready for every market.
We finish what phase 1 started: the remaining Commerce pages and a new, consumer-friendly areeba Personal. Then we take the site to six markets, each with its own content and languages.
What we heard from you.
Based on our conversations, this is our understanding of where areeba stands today and where you want to go. If we got anything wrong, tell us. This is the foundation the whole proposal is built on.
Challenges today
- Commerce and Personal still missing on the new site
- Six markets, each with a different offering
- Arabic and Kurdish need right-to-left layouts
- Content collection takes time on your side
Where you want to go
- Whole site live before mid-2027
- areeba Personal that feels made for consumers
- Local content and regulation per country
- Your team extends markets without waiting on us
Our track record.
What's included.
Wireframes
- Low-fidelity wireframes in Figma for up to 4 unique pages
- 11 new pages on 4 layouts: Commerce pricing, the areeba Personal landing page, four Personal feature pages on one shared layout and five Personal account pages on another
- Optional notes/comments on functionality (e.g. CTA behavior, scroll sections)
- Wireframes provided in view-only Figma link
Web design
- Final UI designs in Figma for up to 4 unique pages
- areeba Personal gets a consumer-friendly extension of the existing design system: warmer and more engaging than the B2B pages, still clearly areeba
- Pages that reuse an existing phase 1 layout with new copy need no new design and are not charged here
- Responsive designs for desktop and mobile
- Visual styling aligned with brand identity (colors, fonts, icons, imagery)
- Design components system (e.g. buttons, form fields, navigation, cards)
- Hover, focus, and active states for key UI elements
- Up to 40 custom graphics and mockups for the content and overview pages, in the style of the existing site
- Delivery in formats optimized for Webflow, Pitch, Keynote, or slides (JSON, MP4, PNG sequence)
- Organized and labeled Figma file for seamless handoff to development
Webflow development
- Fully developed Webflow website based on the final approved designs
- Build of all 11 new pages on the phase 1 component library
- Pages that reuse an existing template, such as the Commerce pages that mirror Platform, are added as CMS items by your team, as in our existing agreement
- Responsive implementation for desktop, tablet, and mobile
- CMS setup for dynamic content (e.g. blog posts, case studies)
- Global styles and classes for scalable design system
- Component library for easy reuse by the marketing team
- UX animations (e.g. hover effects, page transition)
- On-page SEO & AEO structure (titles, meta descriptions, alt-tags, heading structure, schema markup, llms.txt)
- GDPR compliant cookie banner implementation
Localization
- Webflow locale setup for 14 locales: UAE (English as main locale, Arabic), Lebanon (French, English, Arabic), Jordan, Qatar and Egypt (English, Arabic), Iraq (English, Arabic, Kurdish)
- Country-specific content: Platform, Commerce and Personal in the UAE, Lebanon and Iraq, only Platform in Jordan, Qatar and Egypt
- The UAE in English is the main version of the site. Visitors pick their country and language in the locale switcher
- In the locale switcher, Jordan, Qatar and Egypt link straight to the Platform home page. We agree the setup for direct visits to these locale home pages during wireframing
- Right-to-left versions for Arabic and Kurdish: mirrored layouts, checked page by page on desktop and mobile
- Localized SEO: locale URLs, hreflang tags, meta titles and descriptions per locale
- Full service: we add your translated content to Webflow for every locale and check every layout
- Self-service: we set up the locales, right to left and custom code, then run a workshop so your team adds and maintains the content
Quality assurance & launch support
- Cross-browser testing (Chrome, Safari, Firefox, Edge)
- Responsive testing on key breakpoints (desktop, tablet, mobile)
- Functionality checks (e.g. forms, buttons, animations, CMS items)
- SEO basics verified (meta tags, alt-texts, semantic heading structure)
- Domain setup guidance and DNS record configuration support
- Webflow Optimize & Analyse integration
- Support during go-live window
Post-launch support
- 10 hours of free post-launch support to address items that were out of scope, available for 21 days after launch
- Assistance with onboarding your team to Webflow Editor & CMS
Not included
- Copywriting: areeba provides final copy per page, or adds copywriting as an option below
- Translation into Arabic, French and Kurdish: provided by areeba, or quoted as an option below
- Automatic redirect by visitor location: quoted separately if needed
- Webflow licence: 13 locales next to the main one need a Webflow Enterprise plan with localization (Advanced allows up to 10), plus locale-specific visibility to show different content per country. Billed by Webflow directly to areeba
- Further languages and market-specific pages beyond this sitemap: your team can duplicate CMS pages, or we quote them separately
- Third-party costs: Webflow hosting plan, domains, paid integrations, billed directly by the provider
- Configuration inside external tools (HubSpot, Pipedrive, etc.): form embeds are provided by areeba
Results from our clients.
How we work.
12 weeks from kickoff to launch.
Each bar is a phase. Assuming kickoff on 11 January 2027 (CW2), the complete site goes live in early April, well ahead of mid-2027. Localization starts as soon as translations are in, so the timeline depends on content arriving on time.
Your investment.
Priced at the rates of our existing agreement from February 2026. Let's discuss your questions and feedback in detail. The scope above is covered in full; anything beyond gets flagged and aligned before work starts.
| Wireframes4 layouts for 11 pages | 750 EUR |
| Web design4 layouts for 11 pages, responsive, on the phase 1 component system | 1.750 EUR |
| Mockups & illustrationsUp to 40 assets, made as part of web design | 6.750 EUR |
| Webflow development11 new pages on 4 layouts, built on the phase 1 component library | 2.500 EUR |
| Quality assurance & launch supportCross-browser, responsive & functionality testing, go-live support | Included |
| Post-launch support (10 hours)Out-of-scope fixes & Webflow onboarding, 21 days after launch | Included |
| Localization14 locales across six markets. Pick languages and service level below | See below |
| Pages & mockups | 11.750 EUR |
All prices net, subject to statutory VAT.
Localization
Choose how we work together, then pick the languages you need. The total updates.
Optional extras
Tick what you'd like to add. Translation is quoted on request and comes along with your acceptance.
Payment
33% upfront
at project start
33% at start
of development
34% after launch
& handover
Validity
This offer is valid until 28 November 2026. After that, it may change based on our workload.
Iterations
Each deliverable includes two feedback rounds. Additional iterations or out-of-scope requests at 100 EUR/h, only after your written approval.
What we're counting on from your side.
The working assumptions the price and timeline are built on.
Onboarding & project kickoff
- areeba completes all assigned onboarding materials (briefing documents, brand discovery questionnaires) before project kickoff
- areeba provides all required assets (logos, brand guidelines, content, imagery, access credentials) before project kickoff
- areeba delivers final copy per page before its design starts, and translations per language before localization starts. With the copywriting option, areeba provides the product information and approves our copy before design starts
- areeba provides meta titles and descriptions per locale before localization starts
Content & asset delivery
- With self-service localization, areeba adds all locale content to Webflow. With full service, we add the content areeba provides
- Images compressed to less than 1MB; videos as mp4 or links to mp4 files hosted on the client's own server
- All content delivered (copy, images, videos) must be final and approved by the client prior to delivery
Feedback & communication
- Deliverables (wireframes, designs, staging links) are reviewed and approved within 7 working days of receipt, as in our existing agreement
- All feedback is consolidated and communicated via the designated channel (Figma, Outlign or BugHerd); feedback outside of it cannot be taken into calculation
Access & responsibilities
- areeba ensures timely access to all necessary third-party platforms (Webflow, Google Analytics, Figma) and remains responsible for related costs and terms
- areeba secures all legal approvals and compliance checks (data protection, imprint, terms of use) before go-live
- If key stakeholders are unavailable for a prolonged period, the client notifies magier in advance and appoints a temporary point of contact
- No custom code or integrations beyond the explicitly listed scope
- Locales and languages as listed in the scope. Changes are priced per locale: 1.250 EUR, right to left 1.875 EUR
- Kurdish in Sorani (Arabic script, right to left)
- Each graphic beyond the 40 included: 175 EUR
- Graphics are language-neutral, without text, so one version works for every locale. Language versions of graphics are quoted separately
Iterations & additional work
- Each deliverable (design directions, moodboards, a batch of 3 to 5 subpages) includes up to two feedback and revision rounds
- An iteration is a round in which the client reviews and gives feedback on a deliverable or stage of a phase
- Revisiting an approved deliverable counts as an out-of-scope change. This keeps the project on schedule
- Additional iterations beyond scope: 100 EUR/h net, only after written approval
- Out-of-scope change requests: 100 EUR/h net, only after written approval
What clients say when we're not in the room.
As a VC-backed startup growing fast, we didn't have time for a six-month project. We needed someone fast, and magier proved they could deliver. Their Webflow expertise and past work impressed us, and in the end, we were super happy with the outcome. Magier was always on the project together with us - we felt like they were part of our team. I've never seen that in other agencies. They were fast, bold, and innovative. I would totally recommend them.
Working with Magier feels like having an entire design and web team plugged directly into our marketing engine. They move fast, they think with us, and they enabled us to execute ideas we simply didn't have the resources for before.
We partnered with Magier to relaunch our entire CI and website, and the experience was outstanding. The team delivered excellent work - communication and execution exceeded our expectations. If you want a website that stands apart with a uniquely creative interpretation of your CI, Magier is the partner to choose. Big thanks to the whole team! :)
I used maybe 5-6 other design/webflow agencies before finding Magier. All the usual ones you get FB ads for... I think I found Magier through my Y-combinator network... been super impressed with the quality of the design and Webflow development. Like, they've been able to do everything I threw at them. Also, they've worked well alongside our SEO agency and even provided many unsolicited speed improvements etc. Can't recommend them enough.
After our rebranding, we needed a partner to help us build a new website in Webflow - and Magier stepped in seamlessly. From day one, they were committed, enthusiastic, and solution-oriented, tackling every challenge we faced with ease. Communication was always smooth and effortless, making the entire process stress-free. Thanks to their dedication, we launched our brand-new website on schedule, despite a tight deadline. It was a fantastic experience, and we highly recommend the Magier team!
What a great pleasure it is to work with the design team at magier!! The team is very talented and customer focussed. From the moment you start working with them, it feels like a partner who is focussed at solving your problems. Their support post delivery was fantastic - helping quickly resolve any small issue that came up or in some cases doing some quick design revisions based on user feedback. In summary, if you are looking for a long term partner who keep you first, look no further!