Caner Elbeli
Senior UX/UI Designer
2025 Portfolio
Core Projects
White Label Design System for Banking
White Label Design System for Banking
White Label Design System for Banking
I contributed to the creation of a white-label design system for banks, designing flexible components and theming rules using Figma Variables, enabling multiple products to scale from a single design foundation.
I contributed to the creation of a white-label design system for banks, designing flexible components and theming rules using Figma Variables, enabling multiple products to scale from a single design foundation.
Ziraat Katılım Bank
Ziraat Katılım Bank
Ziraat Katılım Bank
Banking
Banking
Banking
I conducted user research and interviews, defined the UX/UI direction, and designed key user flows as part of the digital transformation of Ziraat Katılım Bank, one of Turkey’s largest and most established banks.
I conducted user research and interviews, defined the UX/UI direction, and designed key user flows as part of the digital transformation of Ziraat Katılım Bank, one of Turkey’s largest and most established banks.
Dünya Katılım Bank
Dünya Katılım Bank
Dünya Katılım Bank
Banking
Banking
Banking
I focused on shaping the product experience through user research, structuring user flows, and establishing a consistent design system for digital banking products.
I focused on shaping the product experience through user research, structuring user flows, and establishing a consistent design system for digital banking products.
EKAP (KİK)
EKAP (KİK)
EKAP (KİK)
Electronic Public Procurement Platform
Electronic Public Procurement Platform
Electronic Public Procurement Platform
Simplified a complex existing sitemap and redesigned user flows based on real user interviews, working closely with cross-functional teams.
Simplified a complex existing sitemap and redesigned user flows based on real user interviews, working closely with cross-functional teams.
Floritic
Floritic
Floritic
B2B Wholesale E-commerce Platform
B2B Wholesale E-commerce Platform
B2B Wholesale E-commerce Platform
Worked on core user flows such as product discovery and purchasing, designing UI components to streamline ordering for professional buyers.
Worked on core user flows such as product discovery and purchasing, designing UI components to streamline ordering for professional buyers.
WeSight
WeSight
WeSight
AI-Powered Video Monitoring System
AI-Powered Video Monitoring System
AI-Powered Video Monitoring System
Worked across the full design process of WeSight, an AI-powered system that detects safety incidents in warehouses and triggers real-time alerts.
Worked across the full design process of WeSight, an AI-powered system that detects safety incidents in warehouses and triggers real-time alerts.
Ziraat Katılım Bank
Ziraat Katılım Bank
Banking
Banking
PROJECT
PROJECT
Full digital transformation of Ziraat Katılım Bank, a major and long-established bank in Turkey.
Full digital transformation of Ziraat Katılım Bank, a major and long-established bank in Turkey.
CHALLENGE
CHALLENGE
Working on a large scale banking product with complex stakeholder dynamics and long decision making cycles, I collaborated closely with multiple teams and client stakeholders from early research to post launch.
Working on a large scale banking product with complex stakeholder dynamics and long decision making cycles, I collaborated closely with multiple teams and client stakeholders from early research to post launch.
MY ROLE
MY ROLE
Defining the overall UI concept, conducting research for a new site map, designing key user flows from scratch, and aligning design decisions with the Ziraat Katılım team.
Defining the overall UI concept, conducting research for a new site map, designing key user flows from scratch, and aligning design decisions with the Ziraat Katılım team.
Research
Research
During the research phase, we benchmarked banks in Turkey as well as leading global banking and wallet apps. We conducted user interviews to identify key pain points and used card sorting to understand users’ mental models. Research insights and benchmarks continuously informed each user flow throughout the process.
During the research phase, we benchmarked banks in Turkey as well as leading global banking and wallet apps. We conducted user interviews to identify key pain points and used card sorting to understand users’ mental models. Research insights and benchmarks continuously informed each user flow throughout the process.
UI Concept
UI Concept
As part of Ziraat Katılım’s full digital transformation, the team aimed to modernize the product’s visual language and overall UI approach. I worked independently to create a Tone of Voice presentation defining how the brand should communicate with users and express itself visually. I also reviewed the existing UI, shared feedback, and proposed a new UI. Based on the outcomes of these sessions, we designed key user flows with aligned UI elements, and once the direction was finalized, we established a design system and component library.
As part of Ziraat Katılım’s full digital transformation, the team aimed to modernize the product’s visual language and overall UI approach. I worked independently to create a Tone of Voice presentation defining how the brand should communicate with users and express itself visually. I also reviewed the existing UI, shared feedback, and proposed a new UI. Based on the outcomes of these sessions, we designed key user flows with aligned UI elements, and once the direction was finalized, we established a design system and component library.
Design-Present-Revised-Repeat
Design-Present-Revised-Repeat
Overall, it was a highly collaborative experience involving 50+ stakeholders, including analysts, product managers, developers, clients, designers, and real users. The design team initially started with six designers, and the project was completed by myself and another senior designer over a one-year period. Even after the core designs were completed, development and service-related challenges required ongoing iterations while preserving design consistency across the product. The project was launched this year and has started receiving positive feedback from users.
Overall, it was a highly collaborative experience involving 50+ stakeholders, including analysts, product managers, developers, clients, designers, and real users. The design team initially started with six designers, and the project was completed by myself and another senior designer over a one-year period. Even after the core designs were completed, development and service-related challenges required ongoing iterations while preserving design consistency across the product. The project was launched this year and has started receiving positive feedback from users.
KBZ Pay
KBZ Pay
Cinema Ticketing and Payment
Cinema Ticketing and Payment
PROJECT
PROJECT
In this project the product team asked me to create a cinema ticketing CMS and a cinema app for end user.
In this project the product team asked me to create a cinema ticketing CMS and a cinema app for end user.
CHALLENGE
CHALLENGE
The challenge was designing the system that cinema hall owners can manage and create their saloons, movies, tickets and pricing.
The challenge was designing the system that cinema hall owners can manage and create their saloons, movies, tickets and pricing.
MY ROLE
MY ROLE
I started with creating possible screens. Than I defined the data points that we can use while creating CMS. At the end I created a flow and connected that flow to pricing for to show end user. Also created a Cinema App for end user.
I started with creating possible screens. Than I defined the data points that we can use while creating CMS. At the end I created a flow and connected that flow to pricing for to show end user. Also created a Cinema App for end user.
On this screen, an editor can design saloons. I’ve designed a simple guideline for it at the right of the screen. So editors can quickly create double seats or add spacing between rows or columns
On this screen, an editor can design saloons. I’ve designed a simple guideline for it at the right of the screen. So editors can quickly create double seats or add spacing between rows or columns
Saloon Detail page shows us the design of the saloon and movies that will be shown and planning the coming soon movies. We can define the show time of the film and select the price tags. We can add a new movie from the movie list and define its screening date and time quickly. Also, with this page, cinema owners can plan the next day’s movies.
Saloon Detail page shows us the design of the saloon and movies that will be shown and planning the coming soon movies. We can define the show time of the film and select the price tags. We can add a new movie from the movie list and define its screening date and time quickly. Also, with this page, cinema owners can plan the next day’s movies.
Movie Detail page includes all the data about the movie. So the user can see genres, legal signs, actors, and more in the app while choosing a movie that they want to watch.
Movie Detail page includes all the data about the movie. So the user can see genres, legal signs, actors, and more in the app while choosing a movie that they want to watch.
I collected all the data from Movies, Saloons, Movie Time & Dates and connected them to the Sale Ticket part.
I collected all the data from Movies, Saloons, Movie Time & Dates and connected them to the Sale Ticket part.
Cinema Ticketing App
Cinema Ticketing App
TRT Kids (Çocuk)
TRT Kids (Çocuk)
Web/App Design of Kids Channel of Turkish Radio and Television Corporation
Web/App Design of Kids Channel of Turkish Radio and Television Corporation
PROJECT
PROJECT
We needed to make our characters more conspicuous in TRT Kids. To achieve this goal, we redesigned the app to make it more understandable and accessible for our users.
We needed to make our characters more conspicuous in TRT Kids. To achieve this goal, we redesigned the app to make it more understandable and accessible for our users.
CHALLENGE
CHALLENGE
Doing a user test with kids between 3-12 years was a great opportunity, which taught me how talented next-generation is on devices.
Doing a user test with kids between 3-12 years was a great opportunity, which taught me how talented next-generation is on devices.
MY ROLE
MY ROLE
Re-artwork of all characters to have a new branding, which makes them more conspicuous. Afterward, applying these to TRT Cocuk products that aim to have more understandable content for kids between 3-12 years old.
Re-artwork of all characters to have a new branding, which makes them more conspicuous. Afterward, applying these to TRT Cocuk products that aim to have more understandable content for kids between 3-12 years old.
Mobile App
Mobile App
To achieve our goals on TRT Çocuk, we spent many hours on branding. This branding includes a wide range of color palettes and a sustainable layout structure to have a better UI for kids.
To achieve our goals on TRT Çocuk, we spent many hours on branding. This branding includes a wide range of color palettes and a sustainable layout structure to have a better UI for kids.
One Tap Player Experience
One Tap Player Experience
The player screen was one of the most important screens regarding the kids' experience. While working on this project, I decided to focus on the one-tap experience based on my research. The reason is that the kids aren't familiar with the mute or full-screen button, which drove us to remove that buttons and showing play as a single button for kids to watch the video automatically on fullscreen.
The player screen was one of the most important screens regarding the kids' experience. While working on this project, I decided to focus on the one-tap experience based on my research. The reason is that the kids aren't familiar with the mute or full-screen button, which drove us to remove that buttons and showing play as a single button for kids to watch the video automatically on fullscreen.
In the search feature, we show all characters' photos to make 3-6 years old kids able to find their target content directly instead of forcing them to find the content via a text search which is hard for kids between 3-6 years old.
In the search feature, we show all characters' photos to make 3-6 years old kids able to find their target content directly instead of forcing them to find the content via a text search which is hard for kids between 3-6 years old.
TRT Cocuk also includes a parental leave feature, which provides many protections for our users.
TRT Cocuk also includes a parental leave feature, which provides many protections for our users.
Parents can block or unblock shows for their kids.
Parents can block or unblock shows for their kids.
Website
Website
Renewed artwork drove us to have a new age look on the Web. The new design includes a fully responsive project, more than 5 user test, and a couple of micro animations with a custom player.
Renewed artwork drove us to have a new age look on the Web. The new design includes a fully responsive project, more than 5 user test, and a couple of micro animations with a custom player.
Other Projects
TRT Account
TRT Account
TRT Account
Single Sign On
Single Sign On
Single Sign On
Designing a generic SSO which covers all TRT products. Standardizing all sign-in/up scenarios for all products.
Designing a generic SSO which covers all TRT products. Standardizing all sign-in/up scenarios for all products.
TRT Watch (İzle)
TRT Watch (İzle)
TRT Watch (İzle)
Movies, Series, TV Programs
Movies, Series, TV Programs
Movies, Series, TV Programs
Making some improvements on player experience across all platforms. Creating a generic channel page that is going to show all TRT channels. Designing some covers especially for TRT Kids.
Making some improvements on player experience across all platforms. Creating a generic channel page that is going to show all TRT channels. Designing some covers especially for TRT Kids.
TRT Listen (Dinle)
TRT Listen (Dinle)
TRT Listen (Dinle)
Musics and Podcasts
Musics and Podcasts
Musics and Podcasts
Preparing some design templates for different kinds of playlists. Drawing illustrations for radio theather covers and playlists.
Preparing some design templates for different kinds of playlists. Drawing illustrations for radio theather covers and playlists.
Illustrations for TRT Dinle Covers
Illustrations for TRT Dinle Covers
Illustrations for some radio theathers and playlists.
Illustrations for some radio theathers and playlists.
Happiness Was Behind The Door
Corpse In The Elevator Shaft
Chasing A Movie: Pokemon
Night Watchman
Animations from TouchDesigner
Animations from TouchDesigner
Some experiments on real-time data driven simulation software TouchDesigner.
Some experiments on real-time data driven simulation software TouchDesigner.
