Scoss Bank Landing Page

Scoss Bank is a modern, digital-first financial institution aiming to provide innovative banking services with a focus on seamless user experiences. The goal was to design a landing page and mobile app that would attract new customers, convey trust, and provide a user-friendly interface for managing finances on-the-go.

Scoss Bank needed a modern and professional landing page and mobile app that would not only reflect their brand identity but also cater to a wide range of users—from digital banking enthusiasts to first-time users. The design had to balance simplicity, innovation, and security, while ensuring the user interface was intuitive enough for individuals who may not be tech-savvy.

Key challenges included:

Building Trust: Since the bank is digital-first, building credibility was a priority. The design needed to evoke a sense of reliability and security.

User-Centric Design: The app and landing page needed to be responsive and adaptable to different user needs, especially considering the range of financial services offered.

Seamless Onboarding: New customers needed to be guided smoothly through the sign-up process on both the landing page and the mobile app.

Mobile Experience: Given the target audience’s heavy reliance on mobile devices, the app had to be optimized for seamless interaction across smartphones and tablets.

Before beginning the design process, I conducted user research to understand the target audience's preferences, pain points, and financial habits. This research was essential in identifying the features that would resonate with users and the design elements that would appeal to their needs.

User Personas: We created personas representing various types of users: millennials looking for mobile banking solutions, tech-savvy individuals, and older users who may require more guidance and simple interfaces.

Competitive Analysis: We analyzed other fintech and banking apps to understand industry trends, user expectations, and design best practices.

Security Concerns: With privacy being a primary concern for users of digital banking apps, we prioritized designing clear communication around security features.

The main objectives were:

To create a clean, modern, and professional look that reflects the innovative and trustworthy nature of Scoss Bank.

To ensure the app’s usability and accessibility for all user types.

To create a responsive landing page that would convert visitors into customers by clearly presenting the bank’s offerings, benefits, and trust factors.

The landing page needed to capture the attention of visitors immediately while providing clear calls-to-action (CTAs) for users to sign up or learn more about the services. Here’s how the design process unfolded:

Wireframing: I began by creating wireframes for the landing page layout. This helped define the structure of content, navigation, and important touchpoints (such as CTA buttons and service descriptions).

Figma Design: Once wireframes were finalized, I transitioned into Figma to build out high-fidelity designs. The design focused on simplicity with:

After completing the landing page, we focused on designing the mobile app, which had to be intuitive, secure, and feature-rich while being easy to navigate.

User Flows: We mapped out user journeys for key actions, such as signing up for an account, making transfers, viewing account balances, and setting up alerts.

Low-Fidelity Prototypes: Using Figma, I first created low-fidelity prototypes to define the layout, navigation structure, and flow. This was shared with stakeholders for feedback before proceeding to the high-fidelity design.

High-Fidelity Design:

Once both the landing page and mobile app designs were completed in Figma, I created interactive prototypes for each, simulating real user interactions. These prototypes were shared with stakeholders for feedback, and adjustments were made based on their input. The prototypes were also tested with a small group of target users to ensure the usability and functionality met their needs.

The designs for both the Scoss Bank landing page and mobile app received positive feedback from both internal stakeholders and early users.

Landing Page: The clean design and persuasive copy helped improve the conversion rate by 25%, with more visitors signing up for the service.

Mobile App: The app's user-friendly design led to a 15% increase in active users within the first month of launch. The app’s intuitive navigation and personalized features contributed to a higher user retention rate.

By focusing on simplicity, user experience, and trust-building elements, the Scoss Bank designs effectively conveyed the brand’s modern, secure, and customer-first ethos.

Simplicity is Key: Both the landing page and mobile app benefited from minimalist design elements that didn’t overwhelm users.

Security First: Emphasizing security, both visually and through messaging, was crucial for establishing trust.

User Feedback is Essential: Testing designs with real users provided invaluable insights that helped refine the final product.

Figma: For wireframing, high-fidelity design, and prototyping.

InVision: For sharing interactive prototypes and collecting feedback.

Miro: For brainstorming and user journey mapping.