
A minimal case study example demonstrating the structure.
- Role
- Product Designer
- Time
- 2 weeks
- Team
- Solo
- Stack
- Next.js, Tailwind, MDX
Context
Briefly describe the background and why the task appeared.
Problem
State the exact issue that needed to be solved or improved.
Constraints
No external CMS (MDX in repo).Bilingual RU/EN content parity.Small commits with visible results.
Process
01
Define structure
Pick core sections and metadata fields.
02
Implement MDX pipeline
Render content and lists from meta.
03
Validate and iterate
Keep commits small and pages consistent.
Solution
The solution focused on a clean MDX scaffold: consistent metadata, clear sections, and reusable blocks that scale across multiple case studies.
Gallery

Learnings
- A shared structure keeps delivery consistent.
- Blocks speed up case study production.
- Templates reduce rework across updates.
Prototype
Open in FigmaSolution
Outline the approach and the key steps taken.
Outcome
Summarize the measurable or visible result after the work.
Results
3h/week
Time saved
Example metric
+12%
Conversion
Example metric
-30%
Errors
Example metric
- Clearer structure for case studies.
- Faster publishing workflow.
- Ready for reuse as a template.