رحلة العلامة · براكن Bracken · لندن

براكن: ادخار واستثمار من رمز السرخس إلى عرض التمويل

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

  1. 01الفكرة والاسكتش
  2. 02الاتجاهات والشعار
  3. 03نظام الهوية
  4. 04المطبوعات والتغليف
  5. 05الواجهات والتطبيق
  6. 06الاستثمار
  7. 07الحصيلة

أعمال صمّمها فريقنا وبناها، ونتائج عملائنا الحقيقية في غرفة النتائج

ابدأ الرحلة

قسم التصميمشعار وهوية بصرية

سرخس ملفوف يشكّل حرف b

بدأت الهوية من فكرة ادخار يكبر وحده، ومن هذا المعنى جاء رمز السرخس الملفوف.

رسمنا اسكتشات المراحل الأولى للرمز الذي يشكّل حرف b، ليبقى واضحاً بحجم أيقونة التطبيق الصغيرة.

اسكتشات المراحل

قسم التصميمشعار وهوية بصرية

اتجاهات بديلة ثم شعار نهائي

عرضنا الشعار النهائي إلى جانب ثلاثة اتجاهات بديلة، واعتمدنا «bracken» بخط هندسي ناعم ومعها رمز السرخس.

وبنينا نظام الشعار بنسخه ورمزه ومقاساته الصغيرة، ليعمل أيقونةً للتطبيق وعلى بطاقة الدفع وعلى الشاشات كلها.

الشعار النهائي
استكشاف الاتجاهات: الشعار النهائي وثلاثة اتجاهات بديلة
الشعار
نظام الشعار: النسخ والرمز والمقاسات الصغيرة

قسم التصميمشعار وهوية بصرية

ألوان الطباشير والحبر والسرخس

لوحة الهوية تجمع الألوان والخطوط والتطبيقات، وألوانها من الطباشير والحبر وأخضر السرخس، بنبرة هادئة تبعث الثقة.

ولوحة الأسلوب تحدد الألوان والخطوط وعناصر الواجهة التي يعتمد عليها التطبيق والموقع في كل شاشة.

لوحة الهوية: الألوان والخطوط والتطبيقات
لوحة الأسلوب: الألوان والخطوط وعناصر الواجهة

قسم التصميمشعار وهوية بصرية

الشعار على البطاقة والورق

طبّقنا الهوية على بطاقة الدفع وخطاب الترحيب وأيقونة التطبيق، مع طباعة بالفويل أو البارز على الورق.

وأضفنا بوستر المونوجرام، وعرضنا الشعار مجسّماً بخامة وعلى المنتج، مع لوحة لتطبيقات الهوية كلها.

تطبيقات الهوية
الطباعة بالفويل أو البارز على الورق
بوستر المونوجرام
الشعار مجسّماً بخامة
الشعار على المنتج

قسم التصميمتصميم الواجهات، قسم البرمجة · تطبيق جوال

ملف واجهات وتطبيق وصفحة هبوط

بنى قسم التصميم ملف واجهات من عشر لوحات، كل مكوّن فيه مرسوم من الكود نفسه، مع توكنز بوضعين فاتح وغامق.

ويشمل طباعة الأرقام المالية، والأزرار وحقول المبلغ، وبطاقة الهدف وتنبيه المخاطرة، وحالات الفراغ والتحميل وانقطاع الاتصال والنجاح.

وبنى قسم البرمجة تطبيق iOS للادخار: شاشة رئيسية بمنحنى سرخس يتفتّح، وأهداف ادخار، وإضافة المال بلوحة أرقام، وشاشة استثمار تشرح ثلاث محافظ.

ثم صفحة هبوط تشرح طريقة التقريب والرسوم والأمان بكلام واضح، وفيها التطبيق نفسه يعمل داخل إطار آيفون يتنقّل فيه الزائر بنفسه.

الغلاف وخريطة الملف ومبادئ النظام
القيم الأولية: الألوان والخطوط وسلم المسافات والزوايا والحركة
التوكنز الدلالية: كل دور بقيمته في الوضع الفاتح والغامق، وخطوط الإحالة إلى القيم الأولية
طباعة الأرقام المالية: الرصيد، وأحجامه، وأرقام الكشف، وقواعد الإشارات والصيغ
الأزرار بثلاثة أنواع في ست حالات، وحقل المبلغ وحقل النص بحالاتهما
مكوّنات المال: بطاقة الهدف، وصف المعاملة، ولوحة الأرقام، وشريط المحفظة، وشريط التقدم، وتنبيه المخاطرة
الحالات: هدف فارغ، وتحميل، وانقطاع الاتصال، وفشل التحويل، والنجاح «Nicely done»
مسار المستخدم من أول تقريب حتى الإضافة إلى حساب الاستثمار، بأسهم ونقاط ضغط
الشاشة الرئيسية بالمقاسات وأسماء التوكنز
الإتاحة: نسب التباين المحسوبة، ومقاسات اللمس، وحلقات التركيز، والوضع الغامق
صفحة الهبوط، أول شاشة: العنوان وأزرار التحميل وصورة برعم السرخس
لوحة التطبيق الأولى: الرئيسية مع منحنى التفتّح، والأهداف، والاستثمار
لوحة التطبيق الثانية: صفحة هدف «Holiday in Porto»، ولوحة إضافة المال بالأرقام، والإعدادات
الشاشة الرئيسية: الرصيد ومنحنى السرخس المتفتّح خلفه
شاشة التأكيد «Nicely done» بعد إضافة المال للهدف
شاشة الاستثمار: حد الـ ISA المستخدم هذه السنة الضريبية وشرح المحافظ الثلاث
شاشة الترحيب (التعريف بالتطبيق قبل إنشاء الحساب)
قسم «طريقة التقريب» في صفحة الهبوط مع صورة التطبيق في يد راكب قطار
قسم العرض الحي: التطبيق نفسه يعمل داخل إطار آيفون في صفحة الهبوط

الصفحات كاملة من أولها إلى آخرها

صفحة الهبوط كاملة (طريقة التقريب، العرض الحي للتطبيق، الأهداف والـ ISA، الرسوم، الأمان، الأسئلة، التحميل)

قسم تنفيذ المشاريعالجاهزية للاستثمار

عرض الجولة وغرفة البيانات

كتب قسم تنفيذ المشاريع عرضاً من اثنتي عشرة شريحة لجولة البذرة، وكل شريحة فيها فكرة واحدة.

يقول العرض صراحة إن الشركة قبل الإطلاق، وأرقام السوق فيه من مصادر منشورة مذكورة على الشرائح، وكل تقدير معلّم بأنه افتراض.

ومعه فهرس غرفة بيانات من صفحتين بثمانية مجلدات مرقّمة، لكل مستند حالته ومرحلة إتاحته وصاحبه.

لوحة تجمع الشرائح الاثنتي عشرة
الغلاف: جملة الهدف ومنحنى السرخس يبدأ بالانفراد
شريحة المشكلة: الادخار النقدي مقابل الاستثمار
الحل: التقريب والأهداف وحساب الاستثمار، مع الشاشة الرئيسية في يد راكب قطار
شريحة «لماذا الآن»: تغيّر قواعد الحساب النقدي المعفى
المنتج: ثلاث شاشات حقيقية في اليد (الرئيسية، إضافة المال، الاستثمار)
شريحة طريقة العمل: دفتر أسبوع من مدفوعات البطاقة والتقريب
شريحة الرسوم ومصادر الدخل مع مثال محسوب

قسم التصميم + قسم البرمجة + قسم تنفيذ المشاريع

ما سلّمناه لبراكن

هوية كاملة، ثم ملف واجهات، ثم تطبيق مع صفحة هبوط، ثم عرض جولة تمويل وفهرس غرفة بيانات.

أربعة أعمال من ثلاثة أقسام، بلغة بصرية واحدة من أيقونة التطبيق إلى شريحة الغلاف.

من الفكرة إلى النمو

اطلب علامة كاملة مثلها

شعار وهوية، ومنتج يعمل، وحملة جاهزة للنشر، بفريق واحد يعمل على الرحلة كلها. أرسل لنا فكرتك، ويصلك عرض السعر خلال 48 ساعة كحد أقصى عبر واتساب.

اطلب علامة كاملة مثلها

كل الأعمال