Hi, I’m Tarlan — a Multimedia Specialist and aspiring UX Designer with over 8 years of experience turning ideas into purposeful and engaging visual content.
Based in Muscat, Oman, I specialize in graphic design, branding, video editing, and digital content creation. My work blends visual creativity with thoughtful problem-solving.In recent years, I’ve been expanding into UX design through self-study and hands-on projects. I’ve explored user research, wireframing, and prototyping in Figma, and developed UX case studies focused on improving real-world tools — including internal systems used for finance and administration.Beyond design, I have a strong background in finance and bookkeeping, office operations, and digital marketing. This gives me a well-rounded, business-aware approach to design — especially when working on products that require clarity, usability, and trust.I’m proficient in Adobe Creative Suite, Figma, Canva, WordPress, and a range of productivity tools. I’m always learning, exploring new trends, and looking for ways to grow creatively and strategically.Let’s bring great ideas to life—together.

Explore My Work

UX Case Studies

A selection of self-initiated and course-based UX case studies created through research, iteration, and user-centered design practices.

Cloud Café Website Case Study

Project OverviewCloud Café is a fictional café brand that needed a visually appealing and functional website to improve online presence, attract new customers, and offer essential information such as menu, contact details, and location.
This case study walks through my end-to-end UX/UI design process, from research to final prototype.Role: UX/UI Designer
Tools Used: Figma, Adobe XD / Photoshop, Microsoft Office
Project Type: Personal / Conceptual
Duration: 17 Weeks (4 Months)

Cloud Café Website Case Study

Problem StatementMany small cafés lack a cohesive and engaging online presence, making it difficult for customers to discover them or learn about their offerings. Cloud Café needed a platform that not only communicates its brand identity but also enhances user experience with clear navigation and accessibility.Key Challenges:- Absence of an existing website
- Lack of visual brand identity online
- Need for mobile responsiveness and simplicity

Project GoalsThe primary goal of this project was to design a clean, modern, and responsive website that:- Reflects the café’s cozy and welcoming atmosphere
- Provides clear access to the menu, contact, and location
- Is easy to navigate and mobile-friendly
- Encourages users to visit the café or place inquiries

Goal Statement

ResearchI conducted competitive analysis and user persona development to better understand user needs and industry standards.Competitive Analysis
I studied 4 local and global café websites. Key findings included:- Simple navigation increases user satisfaction
- High-quality images of products boost engagement
- Customers value mobile responsiveness and fast load timesUser Persona & Journey Map
Created a persona based on potential café-goers:
Name: Jenna, 25
Occupation: Hair Stylist
Needs:
- Quick and Easy Access to Information
- Clear and Detailed Menu Information
- Accurate Food Representation
- Functional and Reliable App Experience
- Social Convenience
- Support for Non-Cooks

User Journey Map
To better understand how users like Jenna interact with a café’s digital experience, I mapped out her journey from discovering the café to placing an order. This journey highlights her needs for speed, clarity, and accurate food representation, and helps identify key pain points and opportunities to improve the overall user experience.

User Jouney Map-Jenna

SitemapTo structure the content in a logical and user-friendly way, I created a sitemap outlining the main pages of the Cloud Café website. This helps ensure that users can easily navigate the site and find essential information, like the menu, location, and contact details, without confusion.
The sitemap serves as the foundation for planning the user flow and designing intuitive navigation.

Hierarchical Sitemap for Cloud Café Website

WireframesI began with low-fidelity wireframes to structure the website’s core layout before refining it into mid- and high-fidelity designs.

Wireframes

Low-Fidelity PrototypeBefore jumping into visual design, I created low-fidelity wireframes to explore the structure, layout, and user flow of the website. These sketches focus on content placement and functionality without visual distractions, allowing for quick iteration and feedback. This step helped ensure a clear and intuitive experience from the start.
🔗 View the Prototype: Click here to view

Low-Fidelity Prototype

Usability StudyTo evaluate the usability and overall experience of the Cloud Café website prototype, I conducted an unmoderated usability study. This allowed participants to interact with the design in a natural environment and provide honest feedback without real-time guidance.Study ParametersStudy Type: Unmoderated usability study
Location: At the Cloud (remote)
Participants: 5 individuals
Duration: 20–30 minutes per sessionParticipants were asked to complete key tasks, such as browsing the menu, placing an order, and creating an account. Their interactions and feedback were analyzed to uncover usability issues and areas for improvement.

Key Findings:The usability study revealed several important insights:1. Card Payment Confusion
One participant was unclear about the type of card accepted during checkout. The payment options lacked clarity and needed clearer labeling or visual cues.2. Limited Meal Options
Multiple participants felt that the menu could offer more variety. They wanted to see additional meal choices or seasonal specials to keep the experience fresh.3. Account Creation Friction
Users found the account creation process slightly confusing, particularly around password requirements and confirmation steps. A simplified or optional account setup was suggested.

High-Fidelity MockupsAfter refining the structure and incorporating feedback from the usability study, I developed high-fidelity mockups that bring the Cloud Café website to life.
These designs reflect the brand’s cozy, minimalist aesthetic while prioritizing clarity, usability, and responsiveness. Each section was carefully crafted to ensure a smooth and engaging user experience across both desktop and mobile devices.

High-Fidelity Mockups

High-Fidelity PrototypeThe high-fidelity prototype was created in Adobe XD to demonstrate the final design with realistic visuals, interactions, and responsive behavior. It includes smooth transitions between pages, clickable buttons, and a complete user flow—from browsing the menu to placing an order.
This prototype was also used for user testing to simulate a real browsing experience and gather actionable feedback.🔗 View the Prototypes💻 Desktop View: Click here to view
📱 Mobile View: Click here to view

High-Fidelity Prototype

UI DesignThe visual design of Cloud Café reflects the cozy, welcoming atmosphere of the café itself, with a focus on clarity, warmth, and simplicity. The UI aims to balance aesthetic appeal with functionality, creating a delightful experience across devices.Elements
Navigation Bar: Minimal and sticky for easy access
Menu Cards: Clean layout with photos, descriptions, and prices for better decision-making
Call-to-Action Buttons: Clearly labeled and consistent in shape and color to enhance discoverability
Footer: Contains all essential links and contact info, following a clean grid layout

Final DesignHere is the final prototype of the Cloud Café website, featuring smooth scrolling, clear CTAs, and visually rich imagery to evoke the café experience.

Responsive DesignThe website was designed to adapt to various screen sizes. The mobile layout simplifies the navigation and ensures all key actions are easily accessible.

Accessibility ConsiderationsDesigning an inclusive experience was a key part of this project. I made several accessibility-focused choices to ensure the website is usable for a wide range of users, including those with visual or cognitive impairments.Clear Visual Hierarchy
Headings were styled with varying text sizes and weights to establish a strong visual hierarchy. This helps users navigate content more easily, especially those using screen readers or with attention-related challenges.Color Contrast
I selected color combinations with sufficient contrast ratios to ensure readability for users with low vision or color blindness. This enhances legibility across backgrounds, buttons, and text elements.

TakeawaysImpact
The Cloud Café now has a functional and visually appealing website that not only allows customers to browse the menu but also place online orders and request deliveries. This added convenience makes the café more accessible to busy users, improving customer satisfaction and increasing the potential for repeat orders.What I Learned
Throughout this project, I gained hands-on experience in conducting user research, building personas, mapping journeys, and applying user-centered design principles. I also deepened my understanding of prototyping and designing interfaces using Adobe XD, while learning how to test and iterate based on real user feedback.Next Steps1. Conduct follow-up usability testing to evaluate the effectiveness of the final design.
2. Identify additional user needs and pain points through analytics and feedback.
3. Explore new features such as a loyalty program, live chat, or customizable meal options.
4. Continue improving accessibility and responsiveness based on user behavior.

Café Menu App UX/UI Case Study

This UX case study explores how thoughtful design choices can transform a typical café ordering app into a warm, intuitive, and efficient digital experience.
By focusing on user needs, brand personality, and usability principles, the project reimagines how customers interact with café menus on mobile.

Project OverviewProblem:
In today's fast-paced lifestyle, cafés face challenges in offering customers a smooth and engaging ordering experience. Many digital menu apps lack clarity, are cluttered, or fail to represent the brand’s warmth and identity.Solution:
This is a mobile café menu app designed to improve customer experience by making ordering faster, more intuitive, and visually delightful. The app focuses on a clean interface, simple navigation, and clear categorization.Role: UX/UI Designer
Tools Used: Figma, Adobe Photoshop, Microsoft Office
Project Type: Personal / Conceptual
Duration: 17 Weeks (4 Months)

Cafe Menu App - Intro

Digital Art Series

A collection of artworks created through spontaneous inspiration while exploring digital design techniques and compositions. Each piece reflects experimental approaches to form, color, and layout.

States of Being

Created in Photoshop, this series explores emotional states through digital composition. Each piece is built around a single vibrant color and features elements chosen to represent the meaning of its title—Balance, Flow, and Love.

Wings & Petals – Butterfly Series

Created in Photoshop, a digital art series inspired by nature's delicate harmony, where fluttering wings meet blooming petals. Each piece blends carefully selected color palettes with the organic beauty of butterflies and flowers, exploring themes of grace, growth, and transformation. I explored composition, shading, and painting filters to enhance depth and visual interest.

Moody Rainy Scene

Crafted in Photoshop, this piece captures a somber, rain-soaked atmosphere. Through careful manipulation of stock photos, blending modes, and gradient overlays, I created a retro-inspired look with a touch of melancholy. I focused on composition, photo mixing, and a selected color palette to achieve a nostalgic feel.

Whispers of Love

Created in Photoshop, this series is inspired by Valentine’s Day and explores themes of love, connection, togetherness, and shared moments. Each artwork uses layered images, patterns, and filters, with a red and blue color palette—red symbolizing love, and blue representing peace. The vintage aesthetic enhances the emotional depth and timeless feel of the pieces.

Moons by Palette

Created in Photoshop, this piece centers on a large moon surrounded by galaxies. A vibrant three-color palette is applied only to the moons, creating a striking contrast against the dark, moody backdrop. Through layered imagery, blending modes, and shadow work, the composition evokes a sense of depth and cosmic mystery.

Red Circle Dreams – Japan

This series is a visual meditation on Japanese symbolism and emotion — anchored by the iconic red circle of the Japanese flag. Each piece draws from elements of tradition and nature, created in Photoshop through thoughtful composition and image layering to evoke a sense of cultural depth and beauty.

Echoes of the Wild

I captured photographs of mountains, sea, and sky, then designed each piece with a central circle in varying colors. Using Photoshop, I applied shadows and blending modes to unify the natural elements. Each composition features an animal connected to the landscape, adding a symbolic layer to the design.

Drawn by Fate – Tarot

Three cards. Three paths. One pull of fate.
This mini-series reimagines tarot through a personal, symbolic lens. Each card is a visual interpretation of energy, archetype, and emotion.
I pulled three tarot cards—The Magician, The Star, and Three of Swords—and reinterpreted them through my personal vision. The Magician represents manifestation, The Star symbolizes hope, and the Three of Swords reflects emotional pain, release, and healing. Using Photoshop, I incorporated symbolic elements and carefully selected color palettes to convey the essence of each card.

Lady in Sketch

Using Photoshop filters and manipulations, I transformed stock photos of women into sketch-like artworks. Through blending modes, shadows, and highlights, I created a stylized, textured effect that gives each portrait a unique, illustrative quality.

Playing Cards

Using Adobe Illustrator and Photoshop, I gave traditional playing cards a sporty twist.
I added quirky characters, soccer-themed details, and a bit of creative chaos to turn these classic cards into a fun, unexpected celebration of the game.

Exploring Color Palettes

A series of digital artworks inspired by color harmony, contrast, and emotion.

The Magic of the Mixer Brush

These artworks were created in Photoshop using the Mixer Brush Tool to explore color palettes and blending techniques. I focused on smooth transitions and abstract forms to create expressive, visually engaging pieces.

Waves of Color

I used Adobe Illustrator scripts to create oil paint, liquify, and paper cut effects with selected color palettes. Final touches, including filters and edits, were added in Photoshop to enhance texture and depth.

Digital Brushwork

These pieces explore Photoshop brushes, color palettes, and gradient fills to create vibrant, textured visuals. Each artwork reflects experimentation with form, color, and digital techniques.

Cat in the House

This piece explores color palettes, shapes, and shadows to create a cozy scene of a cat indoors. I focused on composition and lighting to bring warmth and personality to the artwork.