Veghnar Tonvair: a brand book, turned into a working shop.Veghnar Tonvair: دليل هوية، تحوّل إلى متجر يعمل.

My job was the distance between those two things: turning a static identity document into a storefront that behaves like the brand, in Arabic, on a shop taking real orders.كان عملي هو المسافة بين هذين الشيئين: تحويل مستند هوية ثابت إلى متجر يتصرّف كالعلامة، بالعربية، على متجر يستقبل طلبات حقيقية.

My roleدوري

Redesigned and built the storefrontأعدتُ تصميم المتجر وبنيته

Given to meما سُلِّم لي

A pale store and the client's identity fileمتجر باهت وملف هوية العميل

Industryالقطاع

Fragrance · Retailعطور · تجزئة

Platformالمنصّة

Shopify, on a Dawn 14 baseShopify، على أساس Dawn 14

Primary languageاللغة الأساسية

Arabic, RTL, with English secondالعربية، من اليمين لليسار، والإنجليزية ثانياً

Supportمساندة

An assisting engineer fixed some logic bugsمهندس مساعد أصلح بعض أخطاء المنطق

An identity file tells you what a brand looks like standing still: a logo, a palette, a serif, a mood. It says nothing about what a two-column product grid looks like on a phone, how somebody compares two perfumes, or how the checkout bar should sit under a thumb. It almost never mentions Arabic at all. That gap is the actual work, and it decides whether a store becomes the brand or stays a template wearing its colours.ملف الهوية يخبرك كيف تبدو العلامة واقفة ساكنة: شعار، ولوحة ألوان، وخطّ سيريفي، ومزاج. ولا يقول شيئاً عن شكل شبكة منتجات بعمودين على الهاتف، ولا عن كيف يوازن أحدهم بين عطرين، ولا عن كيف ينبغي أن يجلس شريط الشراء تحت الإبهام. ولا يذكر العربية تقريباً أبداً. تلك الفجوة هي العمل الحقيقي، وهي التي تقرّر إن كان المتجر سيصبح العلامة أم سيبقى قالباً يلبس ألوانها.

Came with the briefجاء مع الموجز

Marks, palette, Latin typeالشعارات، والألوان، والخط اللاتيني

Missing entirelyغائب تماماً

Arabic type, RTL, product UXالخط العربي، والاتجاه، وتجربة المنتج

Starting pointنقطة البداية

A generic Shopify themeثيم Shopify عامّ

Targetالهدف

A store that reads like a fragrance houseمتجر يُقرأ كبيت عطور

Shopify themes rot in a predictable way. A colour here, an override there, and eventually the same button exists in five slightly different versions. So the redesign isn't scattered across the theme editor. It lives in one identity stylesheet, versioned and commented, that the whole shop reads from: a calm white canvas, a single deep burgundy kept for actions, a centred serif display, underlined links. Change the brand in one place and every page follows.ثيمات Shopify تتعفّن على نحو متوقّع. لون هنا، وتجاوز هناك، وينتهي الأمر بوجود الزرّ نفسه بخمس نسخ متفاوتة قليلاً. لذا لم تتوزّع إعادة التصميم في محرّر الثيم. هي تعيش في ملف هوية واحد، مرقّم الإصدار ومعلّق، يقرأ منه المتجر كله: قماشة بيضاء هادئة، وعنّابيّ عميق واحد محجوز للأفعال، وعرض سيريفي موسّط، وروابط مسطّرة. غيّر العلامة في مكان واحد فتتبعه كل الصفحات.

Click to zoomاضغط للتكبير

Most Arabic Shopify stores are an English store flipped over. The layout mirrors, but the type stays a default face nobody drew for Arabic. It reads as a translation, and customers feel that before they can name it.أكثر متاجر Shopify العربية متجر إنجليزي مقلوب. ينعكس التخطيط، لكن الخطّ يبقى خطاً افتراضياً لم يرسمه أحد للعربية. فتُقرأ كترجمة، ويشعر العميل بذلك قبل أن يعرف كيف يسمّيه.

The identity file only spoke Latin, so the Arabic voice was mine to build. The store runs on four faces, paired deliberately: an Arabic display face for headings, a serif for Latin display, an Arabic body face for reading, and a script for the brand's signature moments. The Arabic locale file is by far the largest in the theme, because the copy was written in Arabic rather than filled in from English. The live store opens right-to-left, and English is the second edition.ملف الهوية لم يتحدّث إلا اللاتينية، فكان بناء الصوت العربي لي. يعمل المتجر على أربعة خطوط مقترنة بقصد: خطّ عربي للعناوين، وسيريفي للعرض اللاتيني، وخطّ متن عربي للقراءة، وخطّ راقن للحظات توقيع العلامة. وملف اللغة العربية هو الأكبر في الثيم بفارق واسع، لأن النصوص كُتبت بالعربية بدل أن تُعبَّأ عن الإنجليزية. والمتجر الحيّ يُفتح من اليمين لليسار، والإنجليزية نسخته الثانية.

Arabic displayعرض عربي

Arabic Typesetting

Arabic bodyمتن عربي

Tajawal

Latin displayعرض لاتيني

Cormorant

Signature scriptخط التوقيع

Roundhand

Default directionالاتجاه الافتراضي

RTL, with Arabic primaryمن اليمين لليسار، والعربية أساسية

Second editionالنسخة الثانية

Englishالإنجليزية

Perfume gets bought as a gift about as often as for oneself, and the product page is built around that. Under the order block sits a gift layer, wrapping plus a hand-written card, so the ritual of giving is part of the purchase instead of an afterthought at checkout. The order block offers two clear paths, order or buy now, in the brand's burgundy. In the catalogue each bottle appears in clean studio photography with quick-add, letting the scripted bottle names carry the shelf. None of this is something a brand book would have had reason to contain.العطر يُشترى هديةً بقدر ما يُشترى للنفس، وصفحة المنتج مبنيّة حول ذلك. تحت كتلة الطلب تجلس طبقة إهداء، تغليف وبطاقة مكتوبة بخط اليد، فيصير طقس الإهداء جزءاً من الشراء بدل أن يكون فكرة متأخّرة عند الدفع. وتعرض كتلة الطلب مسارين واضحين، اطلب أو اشترِ الآن، بعنّابيّ العلامة. وفي الكتالوج تظهر كل قارورة بتصوير استوديو نظيف مع إضافة سريعة، تاركةً لأسماء القوارير المخطوطة أن تحمل الرفّ. ولا شيء من هذا كان لدليل الهوية سبب ليحتويه.

Click to zoomاضغط للتكبير

Gift ritualطقس الإهداء

Wrapping + hand-written cardتغليف + بطاقة بخط اليد

Order blockكتلة الطلب

Two paths: order, or buy nowمساران: اطلب، أو اشترِ الآن

Catalogueالكتالوج

Studio bottles with quick addقوارير استوديو مع إضافة سريعة

Measurementالقياس

GTM and social pixels wired upGTM وبكسلات التواصل موصولة

This is the project that taught me the commercial half of design. A brand file is an opinion about how something should look. A live store is where that opinion meets a thumb, a slow connection and a customer deciding in four seconds. Working inside someone else's identity, respecting it and then extending it exactly where it ran out, in Arabic, turned out to be harder and more useful than designing from a blank page.هذا المشروع هو الذي علّمني النصف التجاري من التصميم. ملف الهوية رأي في كيف ينبغي أن يبدو شيء. أما المتجر الحيّ فهو حيث يلتقي ذلك الرأي بإبهام، واتصال بطيء، وعميل يقرّر في أربع ثوانٍ. والعمل داخل هوية شخص آخر، باحترامها ثم تمديدها في الموضع الذي نفدت فيه بالضبط، بالعربية، تبيّن أنه أصعب وأنفع من التصميم على صفحة بيضاء.