01 / HOME
Home Page
Landing page of the project with a welcome section, latest announcements, blog entries, and quick access to key links.
PROJECT CASE STUDY
Mefisto Theatre
Mefisto Theatre is a full web platform concept that combines a public-facing website with a structured administration system. The project includes a homepage, company section, blog, contact form, user profiles, and staff/admin panels for managing posts, comments, users, roles, and user messages.
PROJECT STRUCTURE
Section Flow
The project was designed as a complete platform with both public pages and management views. Below is the simplified structure of the Mefisto Theatre system.
01
Home
Main landing page with announcements, recent blog posts, and quick access to key sections.
02
About
Brand and theatre identity section with descriptive content and strong visual presentation.
03
Contact
Dedicated contact page with company details and a built-in message form.
04
Blog
Public blog system with listing page, categories, and single article views.
05
User Area
User area including profile, account pages, and personal data management.
06
Staff / Admin Panel
Management environment for posts, categories, comments, roles, users, and user messages.
SCREEN GALLERY
Full Project Overview
Below is the complete visual breakdown of the Mefisto Theatre project using all screens from the system.
02 / ABOUT
About Page
Section presenting the theatre story and identity, combining informative content with strong visual presentation.
03 / CONTACT
Contact Page
Contact view with company details and a message form, allowing quick communication with theatre administration.
04 / BLOG
Blog Listing
Public blog view with filters, sorting, and post cards including categories, dates, and view counts.
05 / SINGLE POST
Single Blog Post
Article page with content, comments, and a related posts section.
06 / PROFILE
User Profile
User profile panel allowing updates to avatar, personal data, and membership level.
07 / STAFF DASHBOARD
Staff Dashboard
Staff panel with a quick overview of statistics, latest comments, and recent users.
08 / ADMIN OVERVIEW
Admin Dashboard Overview
Extended admin overview with system metrics, active users, and moderation preview.
09 / POSTS
Posts Dashboard
Table of all posts including titles, categories, authors, publication status, dates, and view counts.
10 / CREATE POST
Create Post
Content creation form with fields for title, category, status, and article body.
11 / BLOG MANAGEMENT
Blog Management
Administrative section for editing, deleting, and reviewing all blog posts.
12 / CATEGORIES
Manage Categories
Page for adding, describing, and removing categories assigned to blog content.
13 / COMMENTS
Comments Dashboard
Global comments view with user, linked post, date, and removal status.
14 / PENDING COMMENTS
Pending Comments
Moderation section for comments awaiting approval, also designed to handle empty states.
15 / ACCEPTED COMMENTS
Accepted Comments
Table of approved comments with actions for preview and deletion.
16 / USER MESSAGES
User Messages
Panel grouping messages sent through the contact form together with sender data and admin actions.
17 / USERS
Users Dashboard
Users view in the staff panel with roles, activity status, and basic actions.
18 / USER MANAGEMENT
User Management
Extended account administration with editing, role changes, suspension, and deletion.
19 / EDIT USER
Edit User
Form used to update user data, including contact details and membership level.
20 / ROLE MANAGEMENT
Role Management
Panel for defining and controlling user roles, important for permissions and access structure.