Role
Full-Stack Developer
UI/UX Design
Duration
Oct 2023 - Mar 2024
Team
Professor Özge Samanci
Yaman Özakin
link to Ordinary ComicsProject Overview
Identifying and Addressing Bottlenecks of UI/UX in Ordinary Comics
Main Tasks:
• refining mobile swipe interactions via user testings, and
• implementing desktop/mobile responsive design.
Other tasks include:
• restructuring content
• updating Leaflet map component for Location search feature,
• simplifying the search functionality,
• ensuring the integrity of backend data related to comics, and
• fixing malfunctioning buttons.
1. Seamless Mobile Swipe Interaction
The Problem
• Difficulties in Swiping the Cards Left and Right Because It Conflicts with Vertical Interaction (Scrolling)
Solution
• Numerous User Testings to Find the Most Convenient Mobile Web's Sensitivity of Responsiveness to Swipe and Scroll Interactions

Tested with 7 users: Easy and Seamless Mobile Swipe Interaction
2. Responsive Design
& Implementation
2-1. Responsive Headline with No Space Conflict
The Problem
• Overlapping Space Conflict among Headline Components
(Search Bar, Logo, Icons)
Solution
• Making Toggle-able Search Bar
• Responsive Logo Form
• Responsive Search Bar Positioning
Desktop-Full
Visible, Centered Search Bar, Horizontal Logo
Desktop-Half
Toggle-able, Lower-Positioned Search Bar, Vertical Logo
Mobile
Toggle-able, Lower-Positioned Search Bar, Vertical Logo
2-2. Responsive Location Filter Component
The Problem
• Difficulties in viewing and interacting with the map as its size overflows horizontally in smaller screen
Solution
• Responsive Map Sizing
Desktop-Full
Desktop-Half
Mobile

Maintaining the Map's Centered Positioning and Not-Overflowing Size
Final Thoughts
What began as a simple task of content reorganization evolved into my first meaningful exploration of user experience design implementation. While officially serving as a Full-Stack Developer, my genuine appreciation for the artist's work drove me to look beyond just technical implementation. Reading these comics before joining in the project, I was deeply invested in ensuring other audience could enjoy the content without friction. I took an initiative in identifying the bottlenecks in the user experience of the website, and initiated informal user testing sessions with friends and family, iteratively refining the site based on their feedback. This project taught me that great user experience design stems from genuine care for how people interact with content. As someone who pursued computer science to bridge technology with art, I was grateful to have this experience of creating an art-related space that can bring joy and inspiration to people.