الصورة دي عملتها كصفحة "About" لتطبيق صيدلية إلكترونية، وفيها عملت الهيكل بالشكل ده:
في أعلى الصفحة حطيت هيدر التطبيق، وضمنته لوجو الصيدلية بشكل رمز الصولجان الطبي المعروف، جنبه اسم التطبيق "Pharmacy" بخط أزرق بولد بخط Serif كلاسيك، وحطيت جنبهم أيقونتين: أيقونة Home للرجوع للصفحة الرئيسية، وأيقونة Cart لعربة التسوق.
تحت الهيدر مباشرة، كتبت عنوان الصفحة "about" بخط كبير بتأثير Outline (الحروف فاضية من الداخل) عشان يدي شكل عصري وخفيف على العين.
بعد كده حطيت صورة رئيسية لرفوف صيدلية حقيقية مليانة منتجات، وحطيتها جوه فريم بحواف دائرية مع بوردر بلون أزرق فاتح حواليها عشان تبان متناسقة مع باقي ألوان التصميم.
وفي آخر الصفحة، عملت قسم "About My Pharmacy" بعنوان بولد، وتحته قائمة نقطية بخمس جمل تلخص خدمات الصيدلية وقيمها، زي الثقة والجودة والاستشارات المتخصصة والاهتمام الشخصي بكل عميل.
وعملت كمان صفحة "Contact Us" في نفس التطبيق، وحافظت فيها على نفس الهيدر اللي استخدمته في صفحة الـ About (اللوجو واسم Pharmacy وأيقونتين Home وCart) عشان يبقى فيه اتساق في الهوية البصرية بين كل صفحات التطبيق.
تحت الهيدر كتبت عنوان الصفحة "Contact Us" بنفس أسلوب الـ Outline اللي استخدمته في عنوان "about"، بس بلون سماوي فاتح عشان يفرق شوية بين الصفحتين مع الحفاظ على نفس الطابع العام.
وتحت العنوان حطيت جملة ترحيبية قصيرة توضح للمستخدم إننا متاحين للتواصل في أي وقت وهنرد عليه في أقرب فرصة.
بعد كده عملت فورم التواصل، وهو عبارة عن ثلاث خانات إدخال مرتبة عموديًا (Name وEmail وMessage)، وصممتهم بشكل مستطيل بحواف دائرية بالكامل (Pill Shape) بلون أزرق سماوي فاتح عشان يديهم إحساس ناعم ومريح للعين.
وفي الآخر عملت زرار "Send" بنفس شكل الخانات، بس بدرجة لون أغمق شوية عشان يبان مميز ويلفت نظر المستخدم إنه ده زرار التفاعل الأساسي في الصفحة.