أفضل 14 تصميمًا لموقع ويب للخدمات المالية في عام 2019
نشرت: 2019-06-10عندما يتعلق الأمر بمقارنة الخدمات عبر الإنترنت ، فإننا نميل إلى إصدار أحكامنا بناءً على المحتوى والتصميم العام للموقع. إن ضمان تصميم واضح وسهل الاستخدام عند الترويج لموقع الخدمات المالية الخاص بك هو ما يقود العملاء المحتملين إلى اختيار منتجاتك على المنافسين.
هذا هو السبب في أنه من الضروري لتصميمك العام أن يبدو ويشعر كما لو أن العملاء قد وصلوا إلى المكان الصحيح. إذا واجهتك مشكلة من أين تبدأ ، فقد قمنا بتجميع أفضل مواقع الخدمات المالية لدينا.
ومع ذلك ، أولاً ، إليك بعض العناصر الأساسية التي يجب أن يحتوي عليها موقع الويب الجديد الخاص بك:
- الترحيب بالصفحة الرئيسية بالصور ومقاطع الفيديو المناسبة.
- تصميم نظيف وسريع الاستجابة مصمم لسهولة التنقل.
- أزرار مرئية تحث المستخدم على اتخاذ إجراء.
- شعار فريد للعلامة التجارية وهوية الموقع.
- حاسبة إدارة الأسعار.
- فتح الحساب عبر الإنترنت والوصول إلى النماذج المالية.
- روابط للحساب الاجتماعي.
- صفحة عنا.
- يجب أن تكون الواجهة الخلفية سهلة الإدارة.
يعتمد التصميم المدروس جيدًا على كل من المعلومات الواضحة والمباشرة والطرق التي تقدمها بها. على سبيل المثال ، يتيح استخدام التسلسل الهرمي المرئي لإبراز محتوى مثل عرض أسعار مجاني أو أرقام اتصال للمستخدمين معرفة أنك وضعت احتياجاتهم في المقدمة ، مما يمنح موقعك إحساسًا أفضل.
لتوضيح كيفية تنفيذ المواقع لقرارات التصميم الخاصة بها ، إليك 14 موقعًا للخدمات المالية التي تستخدم الصفات المذكورة أعلاه.
1. SGUA
الموقع: https://www.sgua.com.au
تقدم SGUA لأصحاب العقارات أفضل تأمين للعقارات السكنية.
ما الذي يجعل موقعهم المفضل:
- استخدام أزرار الدعوة لاتخاذ إجراءات في وضع جيد في جميع أنحاء الموقع.
- يعطي مزيج الأسود والأبيض مع لون مميز إحساسًا نظيفًا وحادًا وحازمًا.
- يأخذك نموذج طلب عرض الأسعار الخاص بهم خلال عملية متعددة الخطوات ، وهي استراتيجية جيدة لتوليد المزيد من العملاء المحتملين.
- تظهر الميزات ، مثل عروض الأسعار والمطالبات والمدفوعات على موقع الويب الخاص بهم ، بينما يتم تمييز النماذج أو البيانات جيدًا ويسهل الوصول إليها.
- إنه مستجيب لعرض الجوال ، مع شريط التنقل مدسوس بذكاء تحت قائمة الهامبرغر.
2. كابيتك
الموقع: https://www.capitecbank.co.za/
يهدف Capitec Bank Limited إلى خلق حياة مالية أفضل لعملائه ، وتحسين مستوى المعيشة.
ما الذي يجعل موقعهم فريدًا:
- تطور جديد على شريط التنقل القديم! إن تغيير الماوس فوق "معلوماتهم السريعة" هو تغيير مرحب به يجذب انتباه العميل.
- يتم وضع الخدمات المصرفية عبر الإنترنت في الجزء العلوي من الموقع ، مما يجعلها مرئية للغاية ويمكن الوصول إليها.
- أزرار الحث على اتخاذ إجراء (CTA) المتحركة.
- ميزات مفيدة للمستخدمين بما في ذلك حاسبة التكلفة المصرفية وأدوات الائتمان وحاسبة المدخرات والميزانية.
- الموقع أنيق للغاية ومرتب. تحتوي الصفحة المقصودة فقط على المعلومات التي يهتم بها المستخدمون. كل معلومة لا يحتاجها العميل في لمحة يتم وضعها بعيدًا في علامة منفصلة ، حتى لا يضطر المستخدمون إلى التمرير للعثور على ما يبحثون عنه.
- تضفي الخلفية البيضاء مظهرًا احترافيًا وأضيق الحدود. تضع الخلفية أيضًا CTAs في تناقض صارخ ، مما يعزز رؤيتها.
3. كانستار
الموقع: https://www.canstar.com.au/
تأسس موقع Canstar منذ 25 عامًا ، وهو يمثل أكبر موقع للمقارنة المالية في أستراليا. مع الخبراء القادرين على مراجعة أكثر من 4000 خيار قرض سكني لتتم مقارنتهم.
ما الذي يجعل موقعهم فريدًا:
- استخدام المساحات البيضاء والأزرق المتباين يجعل من السهل تحديد جميع المعلومات.
- ينخفض شريط التنقل لأسفل عند تمرير الماوس فوقه ، مما يؤدي إلى إزالة تفاعل المستخدم غير الضروري.
- تمنحك مقارنة قروض السكن على الصفحة المقصودة الأسعار الحالية ومبالغ السداد الشهرية. للعثور بسهولة على القرض الأكثر ملاءمة ، يمكن للموقع التصفية من خلال نوع القرض والميزات والمقرضين.
- تتوفر حاسبات التمويل من القروض إلى ضريبة الدخل والمدخرات إلى بطاقات الائتمان في الموقع ويسهل الوصول إليها.
- الرسوم المتحركة هي أضيق الحدود ولكنها لا تزال تعمل على تحسين المستخدمين ، مع الحفاظ على احترافية الموقع.
- إن استخدام اللون الأزرق على موقع الويب الخاص بهم ليس سهلًا للعيون فحسب ، بل يقال إنه يعزز الثقة في المستخدمين.
4. InfoChoice
الموقع: https://www.infochoice.com.au/
باستخدام InfoChoice ، يمكنك مقارنة أنواع مختلفة من القروض وبطاقات الائتمان والعديد من الخدمات المالية الهامة الأخرى حتى تجد أفضل ما يناسب نمط حياتك.
ما الذي يجعل موقعهم فريدًا:
- عند التمرير فوقها ، تتغير الأزرار من اللون الأزرق الفاتح إلى الظل الأكثر قتامة. اختيار تصميم الصوت لأنه يلفت الانتباه إلى الخيار المحدد مع الحفاظ على انتباه المستخدم.
- تتوفر مجموعة كاملة من الآلات الحاسبة ، بما في ذلك رأس المال والفائدة ، والمبلغ الإجمالي ، والقرض المقسم ، والقرض السكني.
- العروض اليومية الخاصة المعروضة على الصفحة الرئيسية.
- كزائر ، يمكنك حتى الحجز لتحديد موعد مكالمة مع خبير Aussie Mortgage Broker.
5. بنك الكومنولث الأسترالي
الموقع: https://www.commbank.com.au/
يعد بنك الكومنولث الأسترالي أحد المزودين الرائدين للخدمات المالية المتكاملة ، حيث يقدم مجموعة واسعة من الخدمات بما في ذلك التخطيط المالي ومنتجات السفر ومنتجات الأعمال.
ما الذي يجعل موقعهم فريدًا:
- تتضمن لوحة الألوان الخاصة بهم ثلاثة ألوان فقط: الأسود والأبيض والأصفر. تضفي اللوحة على الموقع إحساسًا انسيابيًا ، بالإضافة إلى علامة تجارية لا تُنسى.
- جميع خدماتهم العادية موجودة في شريط التنقل العلوي ، مما يسهل الوصول إليها.
- خدمات الدردشة المنبثقة ، والتي تؤدي إلى حجوزات المواعيد.
- يتم تقديم المنتجات للمستخدمين كأزرار كبيرة ، عموديًا على اليد اليسرى ، مع الأخذ في الاعتبار أننا نقرأ من اليسار إلى اليمين ، حيث نلفت انتباهنا بسهولة.
- تساعد قائمة المساهمات الاجتماعية أيضًا في تكوين علاقة أكثر إيجابية مع الزوار.
- رابط تنزيل التطبيق متاح على الموقع. مع هو توفير كبير للوقت.
- يمكن للعميل إنشاء ميزانيته بسهولة بمساعدة الأدوات والحاسبة المتنوعة المتوفرة في الموقع.
6. الائتمان الكرمة
مواقع الويب: https://www.creditkarma.com/
مع Credit Karma ، لا يمكنك فقط التغاضي عن الخدمات التي تؤثر على درجة الائتمان الخاصة بك ومقارنتها ، ولكن يمكنك أيضًا طلب تصنيف درجة ائتمان مجاني وسهل. بالإضافة إلى ذلك ، ستتلقى المراقبة والبصيرة للمساعدة في تحسين درجاتك.
ما الذي يجعل موقعهم فريدًا:
- يحقق هذا الموقع تصميمه الأنيق ، باستخدام ألوان بسيطة مثل الأسود والأبيض والرمادي ، فقط لإبرازها بالصور والأزرار باستخدام الألوان الأساسية الجريئة. يمنع استخدام الألوان الأساسية الموقع من الشعور بالملل ويعطي إحساسًا مميزًا.
- أدوات مثل تصنيفات الائتمان المجانية ، وحاسبة سداد الديون ، وآلة حاسبة بسيطة للقرض وحاسبة الاستهلاك ، يتم تمييزها وإتاحتها لاستخدام العميل.
- القوائم المنسدلة من علامات التبويب في شريط التنقل عند التمرير.
- تم وضع أزرار CTA ذات الخطوط الكبيرة ذات الخلفيات ذات الألوان الزاهية في أعلى الصفحة وتكرارها في نهاية الصفحة بألوان مقلوبة لجذب انتباه المستخدم إلى أقصى حد.
- روابط للتطبيق في كل من App Store و Google Play ، مما يجعله قابلاً للتنزيل بسهولة.
- الأمن والخصوصية الشاملة. لا ينبغي أبدًا التغاضي عن هذه الخطوة كمزود خدمة مالية لأنها يمكن أن تؤثر في كثير من الأحيان وتضمن للزائرين غير متأكدين.
7. ANZ الدولية المصرفية
الموقع: https://www.anz.com.au/personal/travel-international/
ANZ International Banking أمر لا بد منه لأي شخص يتطلع إلى السفر أو العيش دوليًا. يسمح بإنشاء حساب مصرفي من الخارج إلى جانب مجموعة كاملة من الخدمات ، وكلها جاهزة للانطلاق قبل وصولك.
ما الذي يجعل موقعهم فريدًا:
- يسمح لك بإنشاء حسابك المصرفي عبر الإنترنت وتحويل الأموال إلى الخارج.
- يتضمن ميزات مثل أسعار صرف العملات الأجنبية ومحولات العملات
- يمكن للمستخدمين العثور على المنتجات والأدوات بسهولة حيث يتم تجميعها في مكونين منفصلين. يروق اختيار التصميم هذا الجزء من دماغنا الذي يحب العثور على الأنماط وتجميع الأشياء.
- تم تصميم الصفحة بحيث يتم عرض المنتجات أولاً ، مع عرض أي عروض ذات صلة لإغراء العملاء الذين يتطلعون إلى السفر.
- يمكن للعميل تنزيل تطبيقه بسهولة لاستخدامه على الأجهزة المحمولة. توجد روابط وسائل التواصل الاجتماعي في الجزء السفلي الأيسر من الصفحة وفقًا للاتجاه الحالي.
8. AIA
الموقع: http://www.aia.com.au/
تهدف AIA إلى تزويدك بالأمن المالي ، من خلال حماية الدخل والمساعدة عندما يتعلق الأمر بنفقات العمل. كما أنها تساعد في تطوير بيئات عمل صحية ، وخطط شخصية مصممة خصيصًا لمراحل الحياة المختلفة.
ما الذي يجعل موقعهم فريدًا:
- الصور المستخدمة في لافتات البطل حديثة وتتوافق مع ما يتوقع الزوار رؤيته. كما أنها تتوافق مع كل خدمة أو لحظة أساسية دون الإفراط في الحرفية.
- تم تصميم المنتجات والأوصاف المقابلة لها كرموز قابلة للنقر ، مما يجعل المنطقة القابلة للنقر أكبر ويسهل التفاعل.
- تتسع القائمة المنسدلة إلى لوحة ضخمة. تسمح القائمة بتجميع الموضوعات ذات الصلة والصور المضافة كإشارات مرئية.
9. أكسا
الموقع: https://us.axa.com/home.html
منذ عام 1859 ، ضمنت أكسا الأمن المالي لعملائها وعائلاتهم. تشمل خدماتهم الأساسية تقديم المشورة المالية والتخطيط للتقاعد والتأمين على الحياة ومزايا الموظفين للشركات.
ما الذي يجعل موقعهم فريدًا:
- يُطلب من العملاء تحديد خدمة بناءً على ما يبحثون عن المساعدة فيه. يساعد هذا التصميم التعاطفي الشركة على التواصل مع الزوار المحتملين.
- يستمر هذا التعاطف في كتابة المحتوى لأن لديهم قسم "أهدافك" في شريط التنقل العلوي بالإضافة إلى تقسيم منتجاتهم على أساس "العائلة" و "العمل".
- يتم أيضًا فصل خدمات الأسرة وخدمات العمل في الصفحة الرئيسية من خلال الألوان.
- يتم عرض الشخصيات الرئيسية مثل مبلغ استحقاقات التقاعد ، وعدد العملاء على الصعيد الوطني ، ومدة الخدمة والمنح الدراسية من AXA كشركة ذات سمعة طيبة ، مما يضع علامتها التجارية في صورة إيجابية ويكتسب الثقة بين العملاء المحتملين.
- يوجد زر عمودي مثبت يتيح لك تقديم الملاحظات بسهولة ، مما يسهل عملية جمع تجربة المستخدم.
10. PayPal أستراليا
الموقع: https://www.paypal.com/au/home
تهدف PayPal Australia إلى جعل تحويل الأموال أمرًا بسيطًا. سواء كان ذلك بين الأصدقاء والعائلة ، أو المتاجر عبر الإنترنت ، يوفر PayPal إمكانية الدفع والتحويلات الآمنة دون الحاجة إلى إدخال تفاصيل بطاقتك أو حسابك المصرفي باستمرار. يضمن PayPal أيضًا سلامة الشراء ، ويقدم سياسة استرداد لأي عمليات احتيال تتعلق بالحسابات الاحتيالية.
ما الذي يجعل موقعهم فريدًا:
- أزرار CTA المرئية.
- الاستخدام السليم لأزرار الأشباح ، وإنشاء تدفق حيث يكون CTA هو ما يراه المشاهد أولاً.
- يوفر رسومات بسيطة ولكنها غنية بالمعلومات توضح كيفية عمل PayPal - مما يمنح الزائرين المعلومات الضرورية بشكل جذاب وموثوق.
- يوفر الموقع روابط منفصلة لتطبيقات Android و iOS الخاصة به لتحسين سهولة استخدام موقعه على الويب.
- يتم تحريك القائمة المنسدلة الضخمة للتشغيل بحيث تكون أكثر سهولة بالنسبة للمستخدم.
مقالة ذات صلة: أفضل 5 بدائل PayPal للأعمال التجارية عبر الإنترنت في أستراليا
11. SoFi
الموقع: https://www.sofi.com/
SoFi هي شركة تهدف إلى مساعدة أولئك الذين لديهم قروض طلابية وشخصية وعقارية. بالإضافة إلى ذلك ، يقدمون أيضًا خدمات المال والاستثمار.
ما الذي يجعل موقعهم فريدًا:
- شريط التنقل الثابت حيث يتم عرض خدماتهم ومنتجاتهم المختلفة دائمًا.
- يعد اختيار مقطع فيديو لقسم البطل خيارًا جريئًا يعمل بسلاسة مع أفكارهم المستقبلية. تمنح موضوعات النجاح الأكاديمي والمالي والإغاثة في قسم الميزات المستخدمين إحساسًا بكل من حسن النية والابتكار في المواقع.
- يؤدي النقر فوق CTA في أسفل الصفحة إلى تشغيل صفحة المنتج الخاصة بهم لتفتح في النافذة الحالية بدلاً من نافذة منفصلة ، مما يسمح للمستخدمين بالنقر فوق الخروج والعودة إلى الصفحة الرئيسية بسهولة.
- تعمل الأرقام الرئيسية ، بما في ذلك الأعضاء والإحالات والسداد الموجودة على الموقع كدليل اجتماعي لتعزيز موثوقية الخدمات المقدمة بينما يعزز ظهورها على خلفية ملونة زاهية ظهورها.
- يتم التركيز على المزايا التي يتمتع بها الأعضاء من خلال الصور ذات الصلة ، وإبراز الاستحقاقات بدلاً من الاعتماد على الكثير من النصوص.
- يتم تجميع الروابط إلى التطبيق الخاص بهم لنظامي Android و iOS بالإضافة إلى الصفحات الاجتماعية معًا في أسفل اليمين حيث يتوقع الزوار من خلال التجربة أن يكونوا كذلك.
12. مؤسسة Westpac المصرفية
الموقع: https://www.westpac.com.au/
باعتبارها أقدم المؤسسات المصرفية في أستراليا ، تشتهر Westpac بخدماتها المالية المتميزة. من خلال إدارة أكثر من 14 مليون عميل ، تحافظ الشركة على سمعتها حيث حصلت على جائزة البنك العالمي الأكثر استدامة أربع مرات على التوالي من خلال مؤشر داو جونز للاستدامة.
ما الذي يجعل موقعهم فريدًا:
- يقوم قسم البطل بقص صورته بتصميم أحمر ساطع يلفت الانتباه إلى CTA ، بالإضافة إلى إظهار ألوان شعارهم.
- تم العثور على المنتجات والخدمات المهمة أسفل الصورة الرئيسية ، مما يلغي الحاجة إلى التمرير أسفل الفاصل.
- تم تخصيص قطاعات منفصلة للاستخدام الشخصي والتجاري ، محددة باستخدام درجتين مختلفتين من اللون الرمادي.
- مع هيكلة الموقع أفقيًا ، يمكن تحديد أسعار الصرف في الوقت الفعلي في لمحة.
- شريط التنقل ثابت ، مع أزرار للتطبيقات الشخصية والتجارية والشركات حتى لا يضطر الزوار إلى البحث عن المعلومات التي يبحثون عنها.
- تظهر روابط وسائل التواصل الاجتماعي في الأسفل مثل معظم المواقع التقليدية.
13. بنك بنديجو
الموقع: https://www.bendigobank.com.au/public/
بدأ أصلاً في مساعدة زملائه الأستراليين في بناء منازلهم ، وأصبح بنك بنديجو معروفًا الآن كواحد من البنوك الكبرى في أستراليا. تقر الشركة بدورها ومسؤولياتها عندما يتعلق الأمر بعملائها وبيئتهم ، وحتى الترويج "للقرض الأخضر" الصديق للبيئة.
ما الذي يجعل موقعهم فريدًا:
- تُظهر صورة البطل المنزلقة فوائد البنوك ، مما يدفع الزائرين لمعرفة المزيد عن كل منها. لا تجذب الرسوم المتحركة انتباه المشاهدين فحسب ، بل تساعد أيضًا في إثبات الموثوقية في لمحة.
- يتم تحريك شريط التنقل حساسًا ، حيث تتباين كل قائمة منسدلة بظلال من اللون الرمادي ، وتحدد الأقسام الفرعية من المعلومات أو الخدمات الرئيسية.
- يتم استخدام كل من قانون التشابه وحكم الأثلاث تحت صور البطل. تعمل هذه القواعد على تحسين قابلية استخدام الموقع بالإضافة إلى التصميم العام.
- قسم تعليمات مرئي وكبير ليتمكن المستخدمون من رؤيته والوصول إليه بسهولة.
- تظهر معلومات إضافية عند النقر عليها ، وتفتح على نفس الصفحة.
- تم تقسيم خريطة الموقع إلى فئات مما يسهل على العملاء التنقل في الموضوعات.
14. التحسين
الموقع: https://www.betterment.com/
Betterment هو مستشار مالي عبر الإنترنت ، مع منصته المصممة لأي شخص يتطلع إلى الاستثمار. هدفهم بسيط للغاية: تقديم استثمار أفضل لأولئك الذين لن يقبلوا بأقل من ذلك.
ما الذي يجعل موقعهم فريدًا:
- المظهر النظيف والقوي والحازم هو من خلال مزيج من لوحة الألوان الأسود والأبيض مع لون لهجة أخرى.
- يتم استخدام مقطع فيديو لإعلام المستخدمين بخدماتهم.
- روابط التطبيق المرئية.
- أداة في الموقع تقدم لمستخدميها نصائح استثمارية فورية بناءً على العمر والدخل السنوي فقط. خطط الاستثمار المختلفة مرمزة ومفصلة ، مع توفير أسماء الشركات التي يجب الاستثمار فيها.
مرة أخرى ، من الأهمية بمكان أن يكون موقع الويب الخاص بك قابلاً للاستخدام والتفاعل ، ولكن المهمة لا تتوقف عند هذا الحد. تتطلب صيانة موقعك فهمًا جيدًا لتوقعات الناس وإحباطهم بالإضافة إلى القدرة على التكيف. علاوة على ذلك ، مع تزايد خطر تسرب البيانات ، يحتاج الأمن السيبراني إلى التحديث بانتظام.
عند التحدث إلى المصممين ، ضع في اعتبارك النقاط الرئيسية لدينا ، لإنشاء موقع ويب سيستمر الزوار في العودة إليه.