Web · Client work · Design + Buildويب · عمل لعميل · تصميم وبناء● Client work · Pre-launchعمل لعميل · قبل الإطلاق
Divano — an interior-design firm's site, retyped and retold.Divano — موقع شركة تصميمٍ داخلي، أُعيدت طباعته وروايته.
Divano Bespoke Interiors is a design, fit-out, and custom-furniture firm in Dubai. Its old site was a WordPress theme wearing the company's name. Working with the Santa Media team, I redesigned it page by page into an editorial, bilingual site. Two quieter layers got rebuilt along the way: the typography, and the credibility of the project photos.Divano Bespoke Interiors شركة تصميمٍ داخلي وتنفيذٍ وأثاثٍ مخصّص في دبي. كان موقعها القديم ثيم ووردبريس يحمل اسم الشركة ليس إلا. اشتغلتُ مع فريق Santa Media وأعدتُ تصميمه صفحةً صفحة حتى صار موقعاً تحريرياً بلغتين. وفي الطريق أُعيد بناء طبقتين أهدأ من ذلك: الطباعة، ومصداقية صور المشاريع.
- Yearالسنة
- 2026
- Roleالدور
- Designer + Front-end Developerمصمّمة + مطوّرة واجهة
- Stackالتقنيات
- HTMLCSSJavaScriptTypographyArabic / RTL
§ Overviewنظرة عامة
The client, the inherited site, and my part.العميل، والموقع الموروث، ونصيبي.
A real client with a live business in Dubai. The work was to make the site argue for the firm the way its showrooms do. I led the redesign; 67 of the project's 85 commits are mine.عميل حقيقي وعمل قائم في دبي. كانت المهمة أن يدافع الموقع عن الشركة كما تدافع عنها صالات عرضها. قدتُ إعادة التصميم، و67 من كوميتات المشروع الـ85 لي.
- Clientالعميل
- Divano Bespoke Interiors — DubaiDivano Bespoke Interiors — دبي
- My roleدوري
- Design lead + front-endقيادة التصميم + الواجهة
- Teamالفريق
- With Santa Mediaمع فريق Santa Media
- Baseالأساس
- Static rebuild of a WordPress siteبناء ثابت بديل عن ووردبريس
- Languagesاللغات
- English + Arabic (RTL)الإنجليزية والعربية (RTL)
- Buildالبناء
- Vanilla HTML / CSS / JSHTML / CSS / JS صِرف
§ The redesignإعادة التصميم
Reframing the offer, then the pages.أولاً صياغة العرض، ثم الصفحات.
The inherited hero said “Interior Design”, which undersold a firm that also manufactures and installs. The new hero sells the full promise: “From Concept to Completion — Design, Fit-Out, Joinery & Turnkey Solutions”. Around it I rebuilt home, about, contact and projects, wrote editorial service pages for each discipline, and added two new offerings (Smart Solutions and Flooring) as designed pages of their own. Placeholder testimonials went out. Real Google reviews went in, with the reviewers' names.كانت واجهة الموقع الموروث تقول «تصميم داخلي»، وهذا يبخس شركةً تُصنّع وتُركّب أيضاً. الواجهة الجديدة تبيع الوعد كاملاً: «من الفكرة إلى الإنجاز: تصميم، تنفيذ، نجارة، وحلول تسليم مفتاح». وحولها أعدتُ بناء الرئيسية وعن الشركة والتواصل والمشاريع، وكتبتُ صفحة خدمةٍ تحريرية لكل تخصّص، وأضفتُ خدمتين جديدتين (الحلول الذكية والأرضيات) كصفحتين مصمّمتين. خرجت التوصيات الوهمية، ودخلت مراجعات Google حقيقية بأسماء أصحابها.
§ Typographyالطباعة
The type system.نظام الخطوط.
The old theme loaded fonts the way old WordPress themes do: 86 Google Fonts links across 28 pages, feeding more than fifty scattered font-family rules. I replaced all of it with self-hosted type, then installed the client's licensed face: Shubbak, by Archetype Foundry, eight weights in 232 KB of woff2. It carries Latin and Arabic in one family with proper shaping, so both language editions now speak in one typographic voice and the site makes zero external font requests.كان الثيم القديم يُحمّل الخطوط على طريقة ثيمات ووردبريس القديمة: 86 رابط Google Fonts في 28 صفحة، تُغذّي أكثر من خمسين قاعدة font-family متناثرة. استبدلتُ بذلك كلِّه خطوطاً مستضافةً ذاتياً، ثم ركّبتُ خطّ العميل المرخَّص: Shubbak من Archetype Foundry، ثمانية أوزان في 232 كيلوبايت. الخط يحمل العربية واللاتينية معاً بتشكيل سليم، فصار للنسختين صوت طباعي واحد، وصار الموقع بلا أي طلب خطوط خارجي.
Alias the old families instead of editing fifty rules.تعريف العائلات القديمة بدل تحرير خمسين قاعدة.
Challengeالتحدّي
Decisionالقرار
Outcomeالنتيجة
§ The photo auditتدقيق الصور
Every before/after pair, re-checked against the photos.كل زوج «قبل/بعد» رُوجع على الصور الأصلية.
Interior-design portfolios live on before/after sliders, and most of them cheat: frames that were never the same room, paired because they look good.معارض التصميم الداخلي تعيش على منزلقات «قبل/بعد»، وأكثرها يغشّ: إطاران لم يكونا الغرفة نفسها يوماً، قُرنا لأن المنظر جميل.
I rebuilt every pair in the galleries against the actual photo sets, under one rule: a pair ships only when both frames share real architectural landmarks, so the wipe lines up. Pairs with no photographic partner were dropped rather than faked. The same audit removed gallery work that belonged to other firms, confined AI-generated imagery to the decorative hero, kept real photography everywhere it stands as evidence, and trimmed crew photos down to a proof point.أعدتُ بناء كل زوج في المعارض على مجموعات الصور الفعلية، بقاعدة واحدة: لا يُنشر الزوج إلا إذا اشترك الإطاران في معالم معمارية حقيقية يستقيم عليها المسح. والأزواج التي لا شريك لها حُذفت ولم تُلفَّق. التدقيق نفسه أزال من المعارض أعمالاً تعود لشركات أخرى، وحصر صور الذكاء الاصطناعي في الواجهة الزخرفية، وأبقى التصوير الحقيقي في كل موضع يقوم فيه مقام الدليل، وقلّص صور الفريق إلى حدّ الإثبات.