Shopify & Ecommerce
Your Digital Foundation: Choosing the Right Platform with a Web Design Company in Amman Jordan
Shopify or WordPress: what each platform does best, and how to choose the right foundation for your website in Jordan.
7 min readCustom Website Development Agency in Amman, Jordan
Not one of thousands. One of one, drawn for you.
Custom websites designed from a blank page around your brand, your content and the one action you need visitors to take. Arabic and English built together, fast on every phone, ready for search, and easy for your team to edit.
Bespoke design systemArabic RTL + EnglishCore Web VitalsTechnical SEO
13+years in digital
120+brands served
2018in market since
Illustrative · drag from template to bespoke
MIRASProjectsStudioVisit
ARCHITECTURE · AMMAN
Spaces shaped by light and stone.
Book a studio visitResidencesHomes in Dabouq
HospitalityCafés and lobbies
InteriorsStone and timber
Sample brand · not a client site
At a glance
AlGurus builds custom websites in Amman, Jordan: sites designed from a blank page and coded around one brand, instead of adapted from a theme. Every build includes a bespoke design system, Arabic and English layouts designed together, technical SEO, analytics events and a content editor your team can use. We recommend WordPress or Shopify instead when they fit better, and you own the code, domain and hosting.
Built forBrands where design is the product
LanguagesArabic RTL + English, together
Built inSpeed, SEO, GA4 events
OwnershipCode, CMS and domain are yours
What a custom website is
Not a theme with your logo on it. A site drawn around you.
A custom website is designed and coded specifically for one business. There is no purchased theme underneath, no page builder adding weight to every page, and no layout that thousands of other companies in your sector are already using. The design starts from your brand, your customers and the decision you want them to make, and the code is written to deliver exactly that design and nothing else.
That matters most for brands where design is part of what the customer buys: architecture and interior studios, hospitality, fashion and jewellery, clinics, schools, real estate developers and professional firms. It also matters for any business whose website has to connect to something real, such as a booking system, a CRM, an inventory feed or a WhatsApp sales team.
Bespoke design in Figma
Every page type designed for desktop and mobile, in Arabic and English, and approved as a clickable prototype before a line of code is written.
Your own design system
Colours, type, spacing and components defined once as tokens, so every new page your team adds still looks like the brand.
Arabic and English, mirrored
Right-to-left layouts planned from the first wireframe, with proper Arabic typography, numbers, forms and search.
A CMS your team can use
A structured editor for pages, projects, services and blog posts, with fields that match your content instead of a blank page builder.
Speed and technical SEO
Clean semantic code, optimised images, structured data, sitemaps, hreflang and redirects from your old URLs, all done before launch.
Real integrations
Booking, forms to CRM, WhatsApp click-to-chat, Meta pixel and Conversions API, GA4 events and any system with an API.
The blueprint
Six decisions that make a page work, not just look good.
A beautiful homepage that does not tell visitors what to do next is decoration. Before we design anything, we decide what each part of a page is for. Pick a number on the blueprint to see the reasoning behind each block of a typical custom homepage.
NAVIGATION
HERO · PROMISE + ONE ACTION
PROOF · WORK, CLIENTS, REVIEWS
SERVICE
SERVICE
SERVICE
CONVERSION · BOOK, CALL, WHATSAPP
FOOTER · TRUST + LOCAL SEO
01 · Navigation
Fewer choices, clearer paths
Navigation on a custom site is built from your sitemap and your analytics, not from a theme's default menu. We keep the top level short, put the primary action in the header on every page, and make the language switch obvious so Arabic and English visitors land on the right version.
On mobile, the menu is designed separately, not squeezed. The most-used pages sit within thumb reach and the call or WhatsApp button stays visible while scrolling.
02 · Hero
One promise, one action
The first screen has one job: tell the visitor in a single sentence what you do and for whom, then offer one clear next step. We write this copy with you, because the design cannot rescue a vague headline.
Hero images and video are prepared for speed, with the main image loaded first and sized for each screen, so the largest element on the page appears quickly.
03 · Proof
Evidence before the ask
Visitors trust what they can verify. Depending on your business that means a project gallery, client logos, reviews, certifications or a short case story. We design proof blocks that your team can update from the CMS as new work is finished.
04 · Services
Each service earns its own page
Every service or product line gets a block on the homepage and a dedicated page underneath it, each written to answer the question a real customer searches for. This structure is what lets the site rank for specific searches instead of only your brand name.
05 · Conversion
The action is the point of the site
Booking a visit, requesting a quote, calling, or opening WhatsApp with a pre-filled message: we design the conversion flow end to end, connect it to the tool where your team works, and track every step as a GA4 event so you know which pages produce enquiries.
06 · Footer
Trust details and local signals
Address, opening hours, map, legal pages and contact details, marked up with structured data so search engines understand where and when you operate. For businesses in Amman and across the Gulf this supports local search and Google Maps visibility.
Design system
Your brand as a system, so page fifty matches page one.
Templates look consistent on launch day and drift apart as soon as people start adding pages. A custom website is built on a design system: a small set of named decisions, called tokens, for colour, typography, spacing and corner shapes, plus a library of components such as buttons, cards, forms and galleries built from those tokens.
Change a token and every page follows. Add a new service page and it already looks right, because your team is choosing from approved components rather than designing from scratch. Try it below: the same components, three different brands.
Illustrative · switch the brand
Colour tokens
bg
ink
accent
soft
Type scaleSpaces shaped by light.Residential and hospitality designBody text stays calm and readable in both languages, with line lengths set for comfortable reading on a phone.
Book a visitView projects
Dabouq ResidenceCard component · image, title, tag
What the design system includes
- Tokens for colour, type, spacing, radius and shadow, documented in Figma and mirrored in code.
- Components such as buttons, forms, cards, galleries, testimonials, FAQs and pricing blocks, each with Arabic and English variants.
- Page templates for your recurring content: service, project, article, location and landing pages.
- Usage rules so new pages stay on-brand without a designer in the room.
The result is a site that keeps its quality as it grows, and a set of brand assets your marketing team can reuse for ads, landing pages and social content.
Bilingual by design
Arabic is not a translation layer. It is half the design.
Most themes are designed in English and then flipped for Arabic, which is why so many bilingual sites in Jordan and the Gulf have broken alignment, awkward line breaks and icons pointing the wrong way. We design both directions side by side from the first wireframe, so the Arabic site feels native rather than mirrored as an afterthought.
English · left to right
MIRASProjects · Visit
Spaces shaped by light and stone.
Architecture studio in Amman since 2016Book a studio visit
Call+962 6 000 0000
Arabic · right to left
ميراسمشاريعنا · زيارة
مساحات يصنعها الضوء والحجر.
استوديو عمارة في عمّان منذ 2016احجز زيارة للاستوديو
اتصل+962 6 000 0000
Typography that fits Arabic
Arabic and Latin fonts chosen as a pair, with sizes and line heights tuned separately, because Arabic needs more vertical room to read comfortably.
Mirrored layout, not mirrored everything
Navigation, arrows and progress steps flip direction, while phone numbers, prices, logos and media controls stay left to right as readers expect.
Forms, search and SEO in both
Arabic form validation, search that handles letter variants, separate URLs per language with hreflang tags, and metadata written for each market.
Speed and search
Fast enough for Google, and for a customer on mobile data.
Google measures real-world page experience with three Core Web Vitals, and publishes the thresholds a page needs to be rated "good". We design and build against those thresholds from the start rather than trying to fix speed after launch, because the biggest gains come from decisions made in design: how many fonts, how large the hero image, how much script each page really needs.
LCP≤ 2.5s
Largest Contentful Paint
How quickly the main content appears. We preload the hero image, serve modern formats sized for each screen and avoid render-blocking code.
INP≤ 200ms
Interaction to Next Paint
How quickly the page responds to a tap. Lean, purpose-written JavaScript instead of sliders and page-builder scripts that load on every page.
CLS≤ 0.1
Cumulative Layout Shift
How much the page jumps while loading. Every image, embed and font has reserved space, so buttons stay where the visitor is about to tap.
What loads on a typical homepage
HTML document
Theme + builder CSS
Slider plugin
Fonts (weights)
Hero image
jQuery + add-ons
Analytics + pixel
Illustrative waterfall, not a measurement. Bar length shows relative load order and weight.
Technical SEO is part of the build, not an add-on
Every custom website we launch includes clean heading structure, unique titles and meta descriptions per page, structured data for your organisation, services, articles and local business details, an XML sitemap, canonical tags, hreflang for Arabic and English, and image alt text. When you are replacing an existing site, we map every old URL to its new home with permanent redirects, so the rankings you already earned are carried over rather than lost.
Because AlGurus also runs SEO and GEO for clients, we build sites the way our own SEO team wants to receive them: easy to crawl, easy for AI assistants to quote, and easy to extend with new landing pages when a campaign needs one.
Honest comparison
Custom, WordPress, Shopify or a website builder?
We build all four, so we have no reason to push one. Custom is the right answer less often than most agencies admit. This is how the options compare on the questions that usually decide it.
| Question | Website builder | WordPress theme | Shopify | Custom website |
|---|---|---|---|---|
| Best for | A simple first site, fast | Content-heavy sites on a budget | Selling products online | Brands where design and integrations matter |
| Design freedom | Within the builder's blocks | Within the theme, more with custom code | Theme sections, fully custom themes possible | Anything you can draw |
| Arabic and RTL | Varies, often limited | Depends on the theme and plugins | Good with the right theme setup | Designed in from the first screen |
| Speed | Fair, limited control | Varies widely with plugins | Good, managed hosting | Built to Core Web Vitals targets |
| Integrations | The builder's app store | Large plugin ecosystem | Large app ecosystem | Any system with an API |
| Upfront investment | Lowest | Low to medium | Low to medium | Highest |
If you mainly sell products, a well-built Shopify store almost always beats a custom ecommerce site; we have built more than 75 of them. If your team publishes a lot of articles and needs familiar editing, WordPress development is often the better value. Custom makes sense when the website itself is part of the brand experience, when it must connect to systems the platforms do not support well, or when you are tired of fighting a theme to make it look like you.
Proof and measurement
A website is finished when it performs, not when it launches.
We are a digital marketing agency with a development team, so we judge a website by what it does for the business. These are the things we measure on every custom website after launch, and report on in plain language.
ExperienceCore Web Vitals
LCP, INP and CLS from real visitors in Search Console, per page type and per device.
ConversionEnquiries by page
Bookings, form submissions, calls and WhatsApp clicks tracked as GA4 events.
SearchOrganic visibility
Impressions, clicks and queries per page in Search Console, in Arabic and English.
TeamPublishing without help
Whether your team can add pages and posts on their own, without opening a ticket.
13+ years building and growing online businesses
Since 2018 AlGurus has worked with more than 120 brands across Jordan, Saudi Arabia, the UAE, Qatar, Iraq, the USA and Canada, and built more than 75 Shopify stores. The same team that runs SEO and paid campaigns reviews every website we build, so it is ready for traffic from day one.
13+years in digital
120+brands served
75+Shopify stores built
20+industries
Certified partners
Official partner programmes for the platforms our websites connect to most: Google Analytics, Search and Ads, Meta pixel and Conversions API, and Shopify for sites that sell.
Custom website case studies and live examples are shared on your strategy call, under NDA where a client asks for it.
Process
From blank page to live site, in six steps.
Most website projects that go wrong do so because content arrives late or the brief changes halfway through. Our process puts structure and content first, so design and development move quickly once they start.
01
Discover
Goals, audiences, competitors and the one action each page must drive. We review your analytics and current rankings.
Brief · success metrics02
Structure
Sitemap, page types, URL plan and the content each page needs, in both languages, before any visual design.
Sitemap · content plan03
Design
Design system and key pages in Figma, desktop and mobile, Arabic and English, as a clickable prototype.
Figma · prototype04
Build
Components coded and connected to the CMS, forms, booking and analytics, reviewed on a staging site.
Staging · weekly demos05
Launch
Speed and accessibility checks, redirects from old URLs, Search Console setup and a planned go-live.
Redirect map · QA06
Grow
Monthly care: updates, backups, new landing pages and improvements based on what the data shows.
Care plan · reports
What you get
Everything a website needs, handed over in your name.
A custom website should make your team more independent. You receive the design files, the source code, the CMS and the hosting account, all registered to your business, with documentation and short training videos for the people who will edit the site.
After launch, an optional care plan keeps the site secure, backed up and improving, with hours you can spend on new pages, campaigns or features as your business changes.
Figma design system and page designs
Tokens, components and every page type, in Arabic and English.
Production website and source code
Repository, hosting and domain in your accounts from day one.
Bilingual CMS with structured content
Pages, services, projects and posts your team can manage.
Technical SEO and redirect map
Structured data, sitemap, hreflang and every old URL redirected.
Analytics and conversion tracking
GA4 events, Search Console, Meta pixel and Conversions API.
Training and documentation
Recorded guides for editors and technical notes for developers.
Honest fit
When a custom website is (and isn't) the right choice
A custom site is an investment in design and code that you will own for years. It pays back in some situations and is overkill in others. If you recognise yourself on the right, we will tell you so on the call and suggest the better route.
A good fit when
- Design is part of what you sell. Architecture, interiors, hospitality, luxury retail, real estate and creative firms are judged on how their website looks and feels.
- The site must connect to real systems such as booking, a CRM, inventory, a member area or a WhatsApp sales team.
- Arabic matters as much as English, and your current theme makes the Arabic version feel second-class.
- Your current site is slow or hard to change, and your team has outgrown fighting a page builder.
- You plan to invest in SEO and ads, and need landing pages that load fast and convert.
Probably not the right choice when
- You mainly sell products online. A Shopify or Salla store will usually launch faster and cost less to run.
- You need a site live in a week or two. A good theme or builder, set up well, is the realistic answer.
- Your content is not ready and nobody owns writing it. Design cannot replace clear copy; start there first.
- A few pages and a contact form are enough for now. A smaller site can always become custom later.
Results from Web Development
All case studiesCase studies
SEO & GEO tool
Request an SEO & GEO checkup for your website
Send us your website. Our team reviews its speed, technical health and how it shows in Google and AI answers, and the audit arrives in your inbox with a plain-language fix for each issue.
Check my website
- Reviewed by our team
- PDF to your inbox
- Arabic or English
From the blog
All articlesRelated guides
Shopify & Ecommerce
Shopify vs WooCommerce vs Salla: Which Platform for Jordan and Saudi Arabia?
Hosting, local payments, Arabic, apps, speed and cost compared, and which platform fits stores in Jordan and Saudi Arabia.
8 min read
Shopify & Ecommerce
How Much Does a Shopify Store Cost in Jordan?
Plan prices, design paths, apps, payments, Arabic and support: what a Shopify store in Jordan costs once and every month.
9 min read
Talk to an expert
Talk to the team behind the results
Leave your details. We reply on WhatsApp or by phone between 7 AM and 10 PM Amman time, with a first plan within one working day.
- We reply from 7 AM to 10 PM, Amman time
- A first plan within one working day
- Google Premier Partner, Meta, Shopify and Salla Partner
Thank you, we have your request.
The team will contact you between 7 AM and 10 PM Amman time. Want to talk now? Send it on WhatsApp in one tap.
Reference:
FAQ
Custom website development: your questions answered.
What is a custom website?
A custom website is designed and coded specifically for one business, without a purchased theme or page builder underneath. The layout, components and code are created around your brand, content and goals, so the site looks unique, loads only what it needs and can connect to the systems you use.
How is a custom website different from a WordPress theme?
A theme is a ready-made design shared by many sites that you adjust within its limits. A custom website starts from a blank page in Figma and is built to match that design exactly. WordPress can still be used as the editor behind a custom design; what makes it custom is that the front end is written for you rather than bought.
How much does a custom website cost in Jordan?
The cost depends on the number of page types, the languages, the integrations such as booking or CRM, and how much content we help write. A focused brochure site is a much smaller project than a site with a member area or live inventory. After a short discovery we fix the scope and price before design begins.
How long does it take to build a custom website?
Timelines depend mostly on scope and how quickly content and feedback arrive. Discovery and structure come first, then design, then development and launch. We share a dated plan at the start and demo progress on a staging site every week, so there are no surprises at the end.
Can my team edit the website after launch?
Yes. Every custom website includes a CMS with structured fields for your pages, services, projects and articles in both languages. Your team edits content and adds pages from approved components, so the design stays consistent without needing a developer for everyday changes.
Do you build bilingual Arabic and English websites?
Yes, and we design both languages together from the first wireframe. That includes right-to-left layouts, Arabic typography, mirrored navigation, numbers and phone formats that stay left to right, separate URLs per language and hreflang tags for search engines.
Will a custom website be good for SEO?
A custom site gives you full control over the things search engines care about: speed, clean HTML, headings, structured data, internal links and URL structure. We build to Google's Core Web Vitals thresholds and set up Search Console before launch. Rankings still depend on content and authority, which our SEO team can help with.
We already have a website. Will we lose our Google rankings?
Not if the migration is planned properly. We crawl your current site, list every URL that receives traffic or links, and map each one to its new address with permanent redirects. Titles, descriptions and important content are carried across, and we monitor Search Console closely in the weeks after launch.
Who owns the website, code and domain?
You do. The domain, hosting account, code repository, CMS and design files are registered to your business. You can keep working with us on a care plan or move to another team at any time with full documentation.
Should I build a custom website or use Shopify?
If selling products online is the main purpose, Shopify is usually the better choice: checkout, payments, shipping and apps are already solved. A custom website suits brands whose site is about presenting work, services or experiences, or that must connect to systems ecommerce platforms do not handle well. Sometimes the answer is both: a custom brand site with a Shopify store behind the shop link.
Keep exploring
Related custom development services
Stop renting a template. Get a website drawn for you.
Book a strategy call. Send us your current site and two websites you admire. We will tell you honestly whether you need custom, WordPress or Shopify, and what a first version could look like.