Client: pORTE mOBILE bANKING
βwebsite redesignβ
Role: sr art Director, web Designer, Motion Designer, content creator
Deliverables: mobile optimized website, social media content
The Porte Mobile Banking website redesign aimed to revolutionize the digital experience for its users by creating a mobile-optimized platform that prioritizes ease of use while appealing to a younger audience. The goal was to develop a sleek and intuitive interface that would not only attract new customers but also enhance the overall user experience, making financial management more accessible and engaging for a tech-savvy generation.
THE DIGITAL EXPERIENCE
The new Porte Mobile Banking website was designed with a mobile-first approach, ensuring seamless functionality and navigation across all devices. Recognizing that today's users primarily access banking services via their smartphones, the redesign focused on creating a responsive and intuitive interface that allows customers to manage their finances on the go. The result is a user-friendly platform that maintains its visual appeal and performance, whether viewed on a smartphone, tablet, or desktop.
To attract a younger demographic, the visual design of the website was infused with vibrant colors, modern typography, and dynamic imagery that resonates with the lifestyles and aspirations of todayβs younger audience.
πππ. 68
Home Page Above Fold
πππ. 69
Value Propositions
πππ. 70
Hero Video
πππ. 71
Sign Up CTA
THE Social ELEMENT
The approach involved developing a series of visually appealing posts that simplify complex financial concepts, making them easy to understand and apply. These posts, ranging from debt management tips to simple savings strategies, were crafted to resonate with younger audiences by using relatable language and modern design elements.
Each piece of content was carefully designed to be not just informative, but also actionable. For instance, tips on managing debt were paired with clear, step-by-step guidance, encouraging users to take immediate steps toward financial stability. The use of User-Generated Content (UGC) and compelling typography helped to create a personal connection, making the advice feel both credible and accessible.
πππ. 72
Information Carousel Cover
πππ. 73
Information Carousel End
πππ. 75
Information Carousel 2 Slide 5
πππ. 74
Information Carousel 2 Cover