Pages
This document defines every page of the MHMD Studio platform, its purpose, required sections, functionality, success criteria, and relationships with other pages. It serves as the functional specification for the website before UI design and implementation begin.
Document Metadata
| Property | Value |
|---|---|
| Document | Pages |
| Version | 1.0 |
| Status | Active |
| Owner | Mohammed El Maachi |
| Last Updated | July 2026 |
Purpose
This document defines the structure and responsibilities of every page in the MHMD Studio platform.
Each page should have:
- One primary objective
- A clearly defined audience
- Required content
- Required functionality
- Clear success metrics
- Relationships to other pages
Pages should not compete with one another.
Page Inventory
| Page | Status |
|---|---|
| Home | Required |
| Services | Required |
| Individual Service | Required |
| Work | Required |
| Case Study | Required |
| Insights | Required |
| Article | Required |
| Resources | Required |
| Individual Resource | Required |
| About | Required |
| Contact | Required |
| Privacy Policy | Required |
| Terms of Service | Required |
| 404 | Required |
| Search Results | Future |
| AI Playground | Future |
| Products | Future |
| Client Portal | Future |
Homepage
Purpose
Introduce MHMD Studio.
Build trust.
Guide visitors toward the appropriate next step.
Primary Audience
All visitors.
Required Sections
- Hero
- Value Proposition
- Featured Services
- Selected Work
- Design Philosophy
- Process
- Insights Preview
- Call To Action
- Footer
Functional Requirements
- Responsive
- Accessible
- Fast loading
- SEO optimized
- Rich metadata
Success Criteria
Visitors understand:
- Who MHMD Studio is.
- What the company does.
- Why the work is different.
- Where to continue.
Within the first ten seconds.
Services
Purpose
Provide a complete overview of available services.
Required Sections
- Introduction
- Service Grid
- Process Overview
- Benefits
- Frequently Asked Questions
- Contact CTA
Success Criteria
Visitors understand:
- Available services
- Appropriate use cases
- Expected outcomes
Individual Service
Every service page follows the same structure.
Sections
Hero
Overview
Problems Solved
Process
Deliverables
Technology (when applicable)
Related Projects
FAQ
Contact CTA
Success Criteria
The visitor understands the value of the service without contacting the company.
Work
Purpose
Present completed projects.
Required Sections
- Project Grid
- Filters
- Categories
- Search
- Featured Projects
Success Criteria
Visitors quickly discover relevant projects.
Case Study
Purpose
Explain the thinking behind a project.
Required Sections
- Overview
- Challenge
- Objectives
- Research
- Strategy
- Design
- Engineering
- Results
- Reflection
- Related Projects
Success Criteria
Readers understand:
- The problem.
- The solution.
- The reasoning.
- The outcome.
Insights
Purpose
Present educational articles.
Required Sections
- Featured Article
- Categories
- Recent Articles
- Search
- Newsletter CTA
Success Criteria
Readers continue exploring additional content.
Article
Required Sections
- Title
- Metadata
- Reading Time
- Table of Contents
- Article Body
- Related Articles
- Newsletter CTA
Functional Requirements
- Code blocks
- Images
- Tables
- Footnotes
- Sharing
- Estimated reading time
Resources
Purpose
Present downloadable resources.
Required Sections
- Categories
- Resource Grid
- Search
- Featured Resources
Resource Types
- Templates
- Checklists
- Guides
- Downloads
- Tools
Individual Resource
Sections
Overview
Description
Preview
Download
Requirements
Related Resources
About
Purpose
Communicate the company's philosophy.
Required Sections
- Introduction
- Mission
- Vision
- Principles
- Founder
- Process
- Future
Success Criteria
Visitors understand how MHMD Studio thinks.
Contact
Purpose
Begin new conversations.
Required Sections
- Introduction
- Contact Form
- Frequently Asked Questions
- Response Expectations
Contact Form
Fields:
- Name
- Company (optional)
- Project Type
- Budget (optional)
- Message
Privacy Policy
Purpose:
Legal compliance.
Terms Of Service
Purpose:
Legal protection.
404 Page
Purpose:
Recover from navigation errors.
Requirements
Explain the error.
Provide navigation.
Suggest useful destinations.
Never leave users stranded.
Search Results (Future)
Purpose
Search across:
- Articles
- Services
- Resources
- Portfolio
Future:
Documentation.
Products.
AI Playground (Future)
Potential features:
- Prompt Library
- AI Experiments
- Interactive Demonstrations
- Product Showcase
Products (Future)
Purpose:
Present proprietary software.
Possible categories:
- SaaS
- AI Tools
- Templates
- Design Systems
- Open Source
Client Portal (Future)
Potential features:
- Authentication
- Projects
- Deliverables
- Messaging
- Invoices
- Files
Shared Requirements
Every page must:
- Be responsive.
- Be accessible.
- Load quickly.
- Follow the design system.
- Follow the content guidelines.
- Use semantic HTML.
- Include metadata.
- Support analytics.
- Support SEO.
Common Components
Pages should reuse:
- Navigation
- Footer
- Buttons
- Cards
- Forms
- Alerts
- Breadcrumbs
- CTA Sections
Avoid page-specific implementations whenever possible.
Performance Targets
Every page should achieve:
- Lighthouse Performance ≥95
- Accessibility ≥95
- Best Practices ≥95
- SEO ≥95
Page Checklist
Before approving a page verify:
- Clear purpose.
- One primary objective.
- Consistent structure.
- Responsive layout.
- Accessibility compliance.
- Internal links.
- Metadata complete.
- Performance targets achieved.
- Analytics configured.