متــاحة للعمــل

أبــنــي تجــربــة مستخــدم تــستــحق العــودة إليــها

تطــوير الواجــهاتتطبــيقات الجــوالتجــربة المســتخدم

ليســت مجــرد واجهــات جميلــة، بــل منتجــات تعمــل

منتجــات رقميــة للويــب وتطبيقــات الجــوال، طوّرتهــا بــدءًا مــن التصــور الأولــي وحتــى الإطــلاق. جميعهــا لا تــزال قيــد الاستخــدام، وتقــدّم حلــولًا لمشكــلات حقيقيــة.

ذا بلوت01

ذا بلوت

لعبــة بلــوت جماعيــة عبــر الإنترنــت، تحظــى بشعبيــة واسعــة فــي الســعودية ومنطقــة الخليــج. أعــدت تصميــم واجهتهــا لتعمــل بكفــاءة علــى شاشــات الجــوال، وحسّنــت تجربــة الاستخــدام، وحوّلــت التطبيــق إلــى Progressive Web App (PWA).

  • React
  • Vite
  • PWA
The Baloot shown on a laptop
لِوين02

لِوين

منصّــة مدعومــة بالــذكاء الاصطناعــي لاكتشــاف الأنشطــة فــي الريــاض. بنيــت واجهتهــا كاملــة باســتخدام Next.js، وربطتهــا مــع Laravel عبــر REST APIs. تتيــح للمستخــدم استكشــاف الأماكــن، والحصــول علــى ترشيحــات مخصّصــة، والاطّــلاع علــى أوقــات العمــل، والتنقّــل عبــر خريطــة تفاعليــة.

  • Next.js
  • Tailwind CSS
  • REST APIs
LeWeen shown on a laptop
شايزر+03

شايزر+

منصّــة لمشاركــة واستبــدال الشواحــن المتنقّلــة فــي أكثــر مــن 1000 موقــع حــول الســعودية. أعــدت هيكلــة الكــود ونقلتــه إلــى TypeScript، ونظّمــت بنيــة المشــروع، وطــوّرت ميــزات جديــدة. المنصّــة مرتبطــة مــع Ruby on Rails عبــر RESTful APIs.

  • React Native
  • Next.js
  • TypeScript
  • REST APIs
Chaizer+ on desktop and mobile
سويتر04

سويتر

أكبــر تطبيــق للعنايــة بالســيارات فــي الســعودية. قــدت عمليــة نقــل التطبيــق مــن قاعدتــي كــود منفصلتيــن لنظامــي iOS وAndroid إلــى تطبيــق موحّــد باســتخدام React Native وTypeScript، وربطتــه مــع Laravel عبــر REST APIs.

  • React Native
  • Next.js
  • TypeScript
  • REST APIs
Sweater Car Wash on desktop and mobile

ما أستخــدمه لبنــاء المنتجــات

الأدوات والتقنيــات التــي أستخدمهــا لتحويــل التصاميــم إلــى منتجــات رقميــة جاهــزة للاستخــدام.

مطــوّرة واجهــات فــي المقــام الأول، وشغوفــة بتجربــة المستخــدم

أعمــل فــي المساحــة التــي تجمــع بيــن رحلة العميل والتطويــر.

أنــا مطــوّرة واجهــات أعمــل باســتخدام React وReact Native وNext.js لتطويــر منتجــات الويــب وتطبيقــات الجــوال. وأهتــم خصوصًــا بالتفاصيــل التــي يلمــس أثرهــا المستخــدم دون أن يراهــا مباشــرة: ســرعة التحميــل، والأداء علــى الاتصــالات الضعيفــة، وإمكانيــة التنقّــل باســتخدام لوحــة المفاتيــح.

اتجهــت إلــى مجــال تجربــة المستخــدم لأن تطويــر الواجهــات كان يطــرح أمامــي أسئلــة لا تجيــب عنهــا متطلبــات المهمــة وحدهــا: لمــاذا اختيــر هــذا المســار؟ ولمــاذا صُمّمــت هــذه الحالــة؟ ومــاذا يحــدث عنــد وقــوع خطــأ؟ لذلك قرّرت دراســة المجــال بعمــق، وحصلــت علــى شــهادة Google فــي تصميــم تجربــة المستخــدم، وشــهادة مــن Nielsen Norman Group.

وهــذا الجمــع بيــن التطويــر والتصميــم هــو مــا يصنــع الفــرق. أستطيــع مراجعــة ملــف التصميــم وتوقّــع مــا قــد لا يعمــل علــى شاشــة بعــرض 360 بكســل قبــل بــدء التنفيــذ، كمــا أستطيــع خلال جلســات البحــث تمييــز الملاحظــات ســهلة التنفيــذ مــن تلــك التــي تتطلــب إعــادة بنــاء.

أعمــل باللغتيــن العربيــة والإنجليزيــة، وأبني المنتجــات منــذ اليــوم الأول لتعمــل فــي الاتجاهيــن. فدعــم RTL بالنســبة لــي قــرار أساســي فــي التخطيــط، وليــس خطــوة ترجمــة تُضــاف فــي نهايــة المشــروع.

شهادات معتمدة
هــذه أنــا حتــى الآن

عنــدك مشــروع؟ خلّيــنا نبنــيه

ســواء كان تعاونًــا، أو فرصــة عمــل جديــدة، أو فكــرة فــي بدايتهــا، تواصــل معــي لنكتشــف معًــا مــا يلــزم لتحويلهــا إلــى واقــع. ســأعــود إليــك فــي أقــرب وقــت ممكــن.

أرســل رســالةتصلنــي علــى بريــدي، وأرد عليهــا فــور قراءتهــا.