all rights are reserved.
built with Framer
all rights are reserved.
built with Framer
It is the first priority to address all the problems of the outdated Odeabank website.
It is the first priority to address all the problems of the outdated Odeabank website.
It is the first priority to address all the problems of the outdated Odeabank website.
Consolidating options and prioritizing the most important links and creating a streamlined and user-friendly experience
Consolidating options and prioritizing the most important links and creating a streamlined and user-friendly experience
New categorization
New categorization
Grouping related links together and providing clear labels that indicate their destination
Grouping related links together and providing clear labels that indicate their destination
New grouped navigation
New grouped navigation
Organizes content in a logical and intuitive way, making it easy for users to navigate the website
Organizes content in a logical and intuitive way, making it easy for users to navigate the website
New information architecture
New information architecture
Implementing a modern, clean, and professional aesthetic that enhances the user experience and aligns with industry best practices
Implementing a modern, clean, and professional aesthetic that enhances the user experience and aligns with industry best practices
Coherent visual design aligned with other channels
Coherent visual design aligned with other channels
How to solve
How to solve
How to solve
It's important to identify the key issues with Odeabank's current website and address them in a way that improves the overall user experience.
It's important to identify the key issues with Odeabank's current website and address them in a way that improves the overall user experience.
It's important to identify the key issues with Odeabank's current website and address them in a way that improves the overall user experience.
Making it difficult for users to quickly find the information users need
Making it difficult for users to quickly find the information users need
Lack of clear categorization
Lack of clear categorization
Overwhelming for users with too many options such as multiple navigation bars, a sidebar, breadcrumbs, and so on
Overwhelming for users with too many options such as multiple navigation bars, a sidebar, breadcrumbs, and so on
Confusing navigation
Confusing navigation
Having difficulty understanding where links lead to due to the lack of clear categorization
Having difficulty understanding where links lead to due to the lack of clear categorization
Complicated information architecture
Complicated information architecture
Crucial to create a cohesive visual identity that reinforces the brand's reputation and trustworthiness
Crucial to create a cohesive visual identity that reinforces the brand's reputation and trustworthiness
Inconsistency between different channels
Inconsistency between different channels
Problem Definition
Problem Definition
Problem Definition
phase 1
phase 1
phase 1
I began the website redesign process for Odeabank by:
Conducting benchmark research of banks and financial solutions globally and locally to identify industry best practices and gain insight into user expectations
Conducting trend research to stay up-to-date with the latest design trends and ensure that the website is both modern and visually appealing
Developing a new information architecture to create a clear and intuitive structure that guides users to their desired content.
Creating components and modules and using the existing ones for the Odea app to ensure designing omnichannel and streamline the design process
Designing the user interface to establish a visually appealing and user-friendly design that reflects Odeabank's branding and enhances the overall user experience
I began the website redesign process for Odeabank by:
Conducting benchmark research of banks and financial solutions globally and locally to identify industry best practices and gain insight into user expectations
Conducting trend research to stay up-to-date with the latest design trends and ensure that the website is both modern and visually appealing
Developing a new information architecture to create a clear and intuitive structure that guides users to their desired content.
Creating components and modules and using the existing ones for the Odea app to ensure designing omnichannel and streamline the design process
Designing the user interface to establish a visually appealing and user-friendly design that reflects Odeabank's branding and enhances the overall user experience
I began the website redesign process for Odeabank by:
Conducting benchmark research of banks and financial solutions globally and locally to identify industry best practices and gain insight into user expectations
Conducting trend research to stay up-to-date with the latest design trends and ensure that the website is both modern and visually appealing
Developing a new information architecture to create a clear and intuitive structure that guides users to their desired content.
Creating components and modules and using the existing ones for the Odea app to ensure designing omnichannel and streamline the design process
Designing the user interface to establish a visually appealing and user-friendly design that reflects Odeabank's branding and enhances the overall user experience
Discover & Understand
Discover & Understand
Discover & Understand
phase 2
phase 2
phase 2
A little sneak peek…
A little sneak peek…
A little sneak peek…
▪️ Organized Header & Banner
New header experience which is clutter-free, well-organized, and effortless to use. The focus is to design by highlighting the essential elements which are the products, the main actions and the logo, ensuring optimal usability.
Implementing a full-screen banner experience that allows a seamless and user-friendly interface to simplify the tracking process. The focus is to enhance the overall user experience by fostering an intuitive environment that ensures a smooth journey for users.
▪️ Organized Header & Banner
New header experience which is clutter-free, well-organized, and effortless to use. The focus is to design by highlighting the essential elements which are the products, the main actions and the logo, ensuring optimal usability.
Implementing a full-screen banner experience that allows a seamless and user-friendly interface to simplify the tracking process. The focus is to enhance the overall user experience by fostering an intuitive environment that ensures a smooth journey for users.
▪️ Organized Header & Banner
New header experience which is clutter-free, well-organized, and effortless to use. The focus is to design by highlighting the essential elements which are the products, the main actions and the logo, ensuring optimal usability.
Implementing a full-screen banner experience that allows a seamless and user-friendly interface to simplify the tracking process. The focus is to enhance the overall user experience by fostering an intuitive environment that ensures a smooth journey for users.
▪️ What's New
Serving as a designated space for showcasing important products and features wished to highlight, ensuring they receive prominent visibility without getting lost in the banner section.
Drawing attention to significant updates and offerings, guaranteeing that they remain easily accessible to users. By strategically placing these elements, effective communication is prioritized and essential information is easily accessible to audiences.
▪️ dasboard
offering an array of features to enhance users' travel experience, including:
· socializing with friends: connect and share travel experiences and recommendations from friends, enhancing it with social engagement.
· decision-making made easy: categorization makes decision-making for users' next travel destination a breeze, ensuring a stress-free planning process.
▪️ dasboard
offering an array of features to enhance users' travel experience, including:
· socializing with friends: connect and share travel experiences and recommendations from friends, enhancing it with social engagement.
· decision-making made easy: categorization makes decision-making for users' next travel destination a breeze, ensuring a stress-free planning process.
▪️ Investor Corner
As an investment-oriented bank, Odeabank recognizes the significance of prioritizing the investor's corner, strategically placing it at the top. By doing so, it is ensured that users have convenient access to a comprehensive range of daily market information. This commitment to delivering timely and relevant updates reflects the dedication to meeting the unique needs of the valued investors.
▪️ Investor Corner
As an investment-oriented bank, Odeabank recognizes the significance of prioritizing the investor's corner, strategically placing it at the top. By doing so, it is ensured that users have convenient access to a comprehensive range of daily market information. This commitment to delivering timely and relevant updates reflects the dedication to meeting the unique needs of the valued investors.
▪️ Investor Corner
As an investment-oriented bank, Odeabank recognizes the significance of prioritizing the investor's corner, strategically placing it at the top. By doing so, it is ensured that users have convenient access to a comprehensive range of daily market information. This commitment to delivering timely and relevant updates reflects the dedication to meeting the unique needs of the valued investors.
▪️ Calculators
Encompassing a crucial set of tools, including deposits and various loan types, that are of utmost importance to users.
The objective with this tool is to alleviate any potential difficulties by presenting clear and comprehensive information on highly sought-after deposit and loan types. By leveraging data sourced from the Odeabank website, it is aimed to empower users with a seamless and informative experience, ensuring they have all the necessary information readily available at first glance.
▪️ Calculators
Encompassing a crucial set of tools, including deposits and various loan types, that are of utmost importance to users.
The objective with this tool is to alleviate any potential difficulties by presenting clear and comprehensive information on highly sought-after deposit and loan types. By leveraging data sourced from the Odeabank website, it is aimed to empower users with a seamless and informative experience, ensuring they have all the necessary information readily available at first glance.
▪️ Calculators
Encompassing a crucial set of tools, including deposits and various loan types, that are of utmost importance to users.
The objective with this tool is to alleviate any potential difficulties by presenting clear and comprehensive information on highly sought-after deposit and loan types. By leveraging data sourced from the Odeabank website, it is aimed to empower users with a seamless and informative experience, ensuring they have all the necessary information readily available at first glance.
▪️ News
Elevating to prominence due to its inherent significance although previously overlooked.
The objective is to prioritize this area and enable customers to stay informed effortlessly about the latest news in the realms of investment and finance. By ensuring easy accessibility and visibility, the aim is to empower customers with a comprehensive understanding of the evolving landscape, allowing them to make informed decisions in the dynamic world of finance.
▪️ News
Elevating to prominence due to its inherent significance although previously overlooked.
The objective is to prioritize this area and enable customers to stay informed effortlessly about the latest news in the realms of investment and finance. By ensuring easy accessibility and visibility, the aim is to empower customers with a comprehensive understanding of the evolving landscape, allowing them to make informed decisions in the dynamic world of finance.
▪️ News
Elevating to prominence due to its inherent significance although previously overlooked.
The objective is to prioritize this area and enable customers to stay informed effortlessly about the latest news in the realms of investment and finance. By ensuring easy accessibility and visibility, the aim is to empower customers with a comprehensive understanding of the evolving landscape, allowing them to make informed decisions in the dynamic world of finance.
▪️ Our Platforms
The "our platforms" area is transformed into a comprehensive showcase of products, non-bank activities, and diverse offerings with the help of proper categorization.
The traditional financial institution is transcended by highlighting Odeabank's multifaceted identity, portraying it as a dynamic entity. Odeabank conveys active involvement in various domains, emphasizing the commitment to engaging with customers beyond traditional banking services.
▪️ Our Platforms
The "our platforms" area is transformed into a comprehensive showcase of products, non-bank activities, and diverse offerings with the help of proper categorization.
The traditional financial institution is transcended by highlighting Odeabank's multifaceted identity, portraying it as a dynamic entity. Odeabank conveys active involvement in various domains, emphasizing the commitment to engaging with customers beyond traditional banking services.
▪️ Our Platforms
The "our platforms" area is transformed into a comprehensive showcase of products, non-bank activities, and diverse offerings with the help of proper categorization.
The traditional financial institution is transcended by highlighting Odeabank's multifaceted identity, portraying it as a dynamic entity. Odeabank conveys active involvement in various domains, emphasizing the commitment to engaging with customers beyond traditional banking services.
Final Design
Final Design
Final Design
Lead Product
Designer
Lead Product
Designer
Lead Product
Designer
Turkish
Turkish
Turkish
June 2022
- Still
June 2022
- Still
June 2022
- Still
Odeabank
Design Studio
Odeabank
Design Studio
Client
Client
Client
Timeline
Timeline
Timeline
Role
Role
Language
Language
Role
Language
Project
Details
Project Details
Project
Details
Project
Description
Project Description
Project
Description
Users typically have a few key objectives in mind when they enter a website of a bank, such as learning about the bank's products and services, and exploring the range of financial solutions including loans, credit cards, and investment opportunities of the bank.
As a professional financial institution, it's important for Odeabank to provide a website that's easy to use and reflects its commitment to excellence in the industry. By presenting a streamlined and user-friendly interface, Odeabank can enhance the overall experience of its customers and reinforce its reputation as a trusted provider of financial services.
Users typically have a few key objectives in mind when they enter a website of a bank, such as learning about the bank's products and services, and exploring the range of financial solutions including loans, credit cards, and investment opportunities of the bank.
As a professional financial institution, it's important for Odeabank to provide a website that's easy to use and reflects its commitment to excellence in the industry. By presenting a streamlined and user-friendly interface, Odeabank can enhance the overall experience of its customers and reinforce its reputation as a trusted provider of financial services.
Users typically have a few key objectives in mind when they enter a website of a bank, such as learning about the bank's products and services, and exploring the range of financial solutions including loans, credit cards, and investment opportunities of the bank.
As a professional financial institution, it's important for Odeabank to provide a website that's easy to use and reflects its commitment to excellence in the industry. By presenting a streamlined and user-friendly interface, Odeabank can enhance the overall experience of its customers and reinforce its reputation as a trusted provider of financial services.
Overview
Overview
Overview
The website is designed with a user-centric approach, prioritizing ease of use and accessibility for all users. The design features a modern and professional aesthetic while maintaining a clear and concise layout to communicate Odeabank's products and services effectively.
Through careful consideration of user needs and a commitment to design excellence, the Odeabank website will be a standout example of effective web design in the financial sector.
The website is designed with a user-centric approach, prioritizing ease of use and accessibility for all users. The design features a modern and professional aesthetic while maintaining a clear and concise layout to communicate Odeabank's products and services effectively.
Through careful consideration of user needs and a commitment to design excellence, the Odeabank website will be a standout example of effective web design in the financial sector.
The website is designed with a user-centric approach, prioritizing ease of use and accessibility for all users. The design features a modern and professional aesthetic while maintaining a clear and concise layout to communicate Odeabank's products and services effectively.
Through careful consideration of user needs and a commitment to design excellence, the Odeabank website will be a standout example of effective web design in the financial sector.
Redesigning the Odeabank website by enhancing the user experience and aesthetic appeal with user-friendly features and a visually pleasing design that mirrors the branding of the new Odea mobile app.
Redesigning the Odeabank website by enhancing the user experience and aesthetic appeal with user-friendly features and a visually pleasing design that mirrors the branding of the new Odea mobile app.
Redesigning the Odeabank website by enhancing the user experience and aesthetic appeal with user-friendly features and a visually pleasing design that mirrors the branding of the new Odea mobile app.