Impactful Design for Scalable Products

This UI/UX concept for a vacation rental app focuses on the critical property detail screen. The design aims to build immediate trust and appeal through an immersive hero image and prominent ‘Superhost’ and ‘reviews’ sections. The descriptive copy is crafted to sell an experience, not just a rental. A clean layout ensures all essential information is easy to digest, while the persistent footer with a clear price and a bold ‘Reserve’ button is designed to streamline the booking process and maximize conversion.

This is a UI/UX concept for a modern property rental application. The design of the property detail screen focuses on creating a clean, trustworthy, and easy-to-navigate experience. I prioritized a clear information hierarchy, leading with an image carousel and key details like location and reviews to capture user interest. Scannable icons for amenities and a dedicated host profile help users quickly assess the property and build trust. The persistent ‘Book Now’ bar at the bottom ensures the primary call-to-action is always accessible, streamlining the path to conversion.

For the Daily UI #045 challenge, I decided to explore the glassmorphism trend. This concept for a digital wallet or fintech app features credit cards with a translucent, frosted-glass effect. The design plays with depth and light, allowing vibrant background colors to create a unique feel for each card. The key was to balance this modern aesthetic with clarity, ensuring all essential information remains perfectly readable. It was a great exercise in applying a popular UI trend to a practical component.

This is a detailed view of the ‘Pro’ pricing card, the centerpiece of the pricing page concept. The design uses a vibrant color gradient and a prominent call-to-action button to attract the user’s attention. Key features are presented in a scannable list, while the benefit-oriented button copy—’Unlock Growth’—is crafted to be more persuasive than a simple ‘buy’ button. Every detail is intentionally designed to build trust and encourage the user to select this plan.

This is my response to the Daily UI #032 challenge: a pricing page for a SaaS product. The design focuses on clarity and conversion. I used strong visual hierarchy to highlight the ‘Pro’ plan as the recommended choice, leveraging social proof with a ‘Most Popular’ tag. Each tier’s features are clearly outlined for easy comparison, and the pricing model is transparent, showing the value of an annual subscription. The goal is to guide the user to the best-fit plan while creating a trustworthy and professional user experience.

This UI concept is for a lifestyle or travel blog, focusing on an editorial design approach. The goal was to create a content card that feels less like a functional component and more like a page from a premium magazine. The design leads with an atmospheric photo and elegant typography to draw the reader into the story. Social engagement features are included but are kept subtle to maintain a clean, content-first experience, providing a calm and immersive browsing journey for users.

This UI concept for a premium e-commerce store is designed to showcase high-value products like Marshall headphones. The design prioritizes a large, high-quality product image that breaks the card’s boundaries to create a memorable effect. A minimalist layout with generous whitespace ensures the user’s focus remains on the product. Key information and interactive elements, like color swatches and the ‘Add to Cart’ button, are presented cleanly to create a seamless path to purchase that reflects the brand’s quality.

This UI concept for a food delivery app in Barcelona reimagines the standard product detail page. The goal was to create a more dynamic and mouth-watering experience. By using a ‘deconstructed’ hero image, the user can see every fresh ingredient, making the product more appealing. This visual flair is balanced with a clean and clear layout below, presenting scannable tags, a detailed description, and a prominent call-to-action. The design aims to increase user engagement and conversion by making the simple act of browsing a menu a more exciting visual journey.

This UI concept explores the design of a booking card for a local sports activity platform, inspired by Barcelona’s beach culture. The card is designed to be visually engaging and provide key information at a glance, such as ratings and location. It incorporates social proof elements like ‘Best price’ and star ratings to build user trust. The dual call-to-action buttons—a primary ‘Book’ and a secondary ‘Check Availability’—cater to different user intents, aiming to improve conversion by offering both immediate and exploratory paths.

For the Daily UI #002 challenge, I designed the component that precedes the checkout: the product card. This UI concept for an e-commerce store focuses on a clean, conversion-oriented design. It features a prominent product image, clear price information, and a high-contrast ‘Buy Now’ button to guide the user’s action. The design is presented in responsive variations, demonstrating how the card adapts to different viewports while maintaining a consistent user experience.

This design is my take on a prompt from the Daily UI challenge. The goal was to create a UI for booking a travel experience. I designed a responsive product card for a desert adventure, focusing on a premium and immersive feel. The design prioritizes a strong visual hierarchy, using a captivating hero image and clean typography to draw the user in. The clear call-to-action and scannable information are intended to make the booking process feel simple and inviting across various devices.

Ridethatshit is a personal passion project that merges my skills in product design with my love for the café racer motorcycle culture. The goal was to design a clean, mobile-first website to chronicle the customization of my Yamaha XSR700. The UI design focuses on bold typography, a minimal color palette, and large, immersive imagery to put the motorcycle at the center of the story. The user experience is streamlined for easy navigation through the bike’s specs, modifications, photo gallery, and blog.

This is a UI/UX concept for a mobile e-commerce app, designed to create an engaging and seamless shopping experience. The prototype showcases two key interactions: a swipeable product carousel for easy browsing and a sophisticated shared element transition. When a user taps a product, the card fluidly expands into the Product Detail Page (PDP), providing a clear contextual path. This use of motion design eliminates jarring screen changes and creates an intuitive, high-end feel for the app.

This animation showcases the micro-interaction for the Coffecoders team profile cards. To maintain a clean interface, especially on mobile, secondary information is revealed through an accordion-style motion. The focus was on creating a smooth animation that provides clear visual feedback to the user. This detail enhances the user experience, making the interface feel more responsive, polished, and intuitive to navigate.

This project was an exercise in personal branding and information design, aimed at breaking away from the standard resume format. I designed my professional story as a trifold brochure to create a more memorable experience for the recipient. The three-panel layout allows for a clear separation of content and a logical flow of information, from a bio and contact details to a deep dive into skills and experience. The focus was on clean typography and a strong grid system to present my profile in a structured, aesthetically pleasing format.

This profile card is a core component of the website design for Coffecoders, a web development agency. The brief was to merge the concepts of “coffee” and “code” to create a unique brand identity. This UI element for the team section introduces each developer with a design that is both professional and full of personality. The card balances essential information (social links, skills, recommendations) with a creative aesthetic that reinforces the agency’s unique brand, making the team feel both expert and approachable.

The goal for the Katartika project was to design a compelling and intuitive website for a modern digital marketing agency. The focus was on creating a clean user interface (UI) and a memorable user experience (UX) that effectively communicates their core services. This project included developing a new brand identity with custom illustrations to build a unique and trustworthy connection with potential clients. The result is a fully responsive web design that reinforces Katartika’s expertise.