Otaku Café Landing Page
Otaku Café is a manga café landing page concept created to combine cozy café culture with anime and manga-inspired branding. The site introduces the café with a playful hero section, event highlights, an about section, menu previews, and visit information.
The design focuses on creating a warm and fun experience for users who want a place to read, relax, enjoy themed treats, and attend small community events like anime watch parties, manga swaps, and matcha workshops. The current site includes sections for About, Menu, Events, and Contact, along with menu items and event cards.
Client: Personal Project
Industry: Café, Entertainment, Anime/Manga, Food & Beverage
Role: Front-End Designer, UX/UI Designer
Project Type: Landing Page
Platform: Responsive Website
Year: 2024
Focus: Front-end development, themed branding, landing page design, menu layout, event promotion
The Problem
Anime and manga-inspired cafés need to feel fun and themed without becoming messy or hard to use. The challenge was to create a landing page that felt playful and cozy while still making the key information easy to find.
Otaku Café solves this by using clear sections, strong visual hierarchy, themed copy, event cards, and simple calls to action for the menu and events.
Tools Used
HTML, CSS, JavaScript, Netlify for hosting
UX Process
The process included:
Researching café, anime, manga, and themed restaurant website patterns
Planning the main landing page structure for About, Menu, Events, and Contact
Creating a playful brand direction around manga, matcha, mochi, and cozy café culture
Sketching early layout ideas for the hero, menu cards, event cards, and visit section
Designing a clear content flow so users could quickly understand the café concept
Coding the responsive landing page with HTML, CSS, and JavaScript
Adding themed content, menu highlights, event previews, and calls to action
Testing the layout across different screen sizes