Get this template
Selim Fırat
About us. Founded in Lugano in 1952, Cornèr Bank is a private and independent Swiss banking institution. First in Switzerland to launch the Visa credit card in 1975, Cornèr Bank became a major player in shaping the Swiss credit and prepaid card industry through on-going innovation. Setting sail with an outdated and challenging-to-navigate interface, our mission was to revamp Cornércard's tool, fundamentally transforming how Bank representatives engage with it.
Client:
Cornércard
My Role:
Sr. Product Designer
Year:
2022
Service Provided:
CMS Product, Product design, Web-base Product Design
The Challenge
Revamping the old tool was like embarking on a journey back in time – a time when the internet was still finding its way. The challenge? The tool was a bit of a dinosaur: outdated, user-unfriendly, and with an information architecture that felt like navigating a maze blindfolded.
To tackle this, I dove straight into the trenches, working closely with the seasoned users who've been loyal to this tool since the early 2000s. I wanted to soak in every detail, understand how far this tool goes, and unravel its complexity. My first mission? To decipher the information architecture and make sense of the convoluted paths they had to tread.
Now, imagine understanding the intricacies of a tool that has been around since the days of dial-up internet. It was like deciphering hieroglyphics, but I was determined. I sat down with the 50+ demographic users, learning every quirk, every struggle, and every workaround they had mastered over the years.
As a UI/UX designer, I had to shift gears – creative thinking took a backseat, and usability became the star of the show. Creating a design that would resonate with a more mature audience meant focusing on clarity, simplicity, and functionality. It was about making technology feel like a friendly companion rather than an intimidating force.
One of the significant challenges was ensuring that our design embraced accessibility standards. I had to craft interfaces that not only welcomed but truly catered to users with varying abilities. The goal? To make the experience warm and functional for everyone, creating a digital space that feels like a friendly handshake, regardless of age or technological comfort.
In essence, the challenge wasn't just about modernizing a tool; it was about bridging the digital generation gap. It was about infusing a touch of humanity into the pixels, making technology a friendlier companion for all.
Process
Designing the CMS product for Cornercard requires a structured and iterative process that involves collaboration between designers, developers, and stakeholders. The following outlines the step-by-step process:
Embarking on the journey to revamp the salon's CMs product involved a deep dive into understanding the heartbeat of the business. Meeting with stakeholders became my compass, allowing me to absorb the salon's aspirations, its audience, the essence of its brand, and the crucial objectives guiding this redesign.
With these insights as my guide, I meticulously mapped out the product's skeleton, ensuring that every nook and cranny resonated with intuitive design and user-friendly vibes. Crafting the structure and organizing the content was like choreographing a dance – it had to flow effortlessly for the users, creating an experience as smooth as a day at the salon.
To really get into the minds of our customers, I delved into the art of detailed information architecture and card sorting. It was like creating a blueprint for a masterpiece, aligning my thinking with theirs to truly understand their needs, preferences, and how they navigate the salon's world.
The wireframes came next, each stroke and pixel carefully placed to ensure responsiveness and a user-friendly embrace. But the true litmus test was subjecting these wireframes to the scrutiny of over 10 representatives – our salon aficionados. Their insights became the data points, answering the burning question, "Did we truly understand the client?"
Armed with this wealth of understanding, it was time to paint the visual design concept. I dived into the salon's brand guidelines, infusing the digital canvas with an elegant and luxurious aesthetic that mirrored the sophistication of the salon experience.
In essence, this redesign journey wasn't just about pixels and lines; it was a dance, a symphony of understanding, crafting, and refining. It's not just a UI/UX project; it's a love letter to the salon and its patrons, ensuring that every digital touchpoint reflects the grace and allure of the salon experience.
Solution
Revamping Cornercard's CMS product was like breathing new life into a piece of the bank's rich history while preserving the essence of trust that defines its brand. Now, navigating through the redesigned interface is as effortless as a friendly conversation.
One of the key transformations lies in its newfound user-friendliness. It's not just a tool; it's an experience. Mega Search became our secret sauce, reshaping how users engage. Now, it's all about intuitive searches, making the experience feel more like a helpful chat than a complex banking task.
Result
Modern UI elements that still in TREND with a easy to user interface. It was curucial to have teammates for this project so not just I was the main designer I was the Lead of the team. We created a very detailed atomic design system and deliverence file for easy onboarding to the delopers.
It checked every box; Fun, easy, modern, trendy and user foc