User interface and user experience design methodology
A long-form page combines a dark photographic hero with alternating charcoal, cream, blue, and turquoise sections. It uses repeated section markers, large quotations, colorful persona figures, diagrams, charts, and compact explanatory text.
About this website template
This template is built for UX design process presentation and Design case study or portfolio page. It is written for UX and product design stakeholders, First-time users or customers and Middle management of SMEs. Common uses include Presenting user personas and customer segments, Explaining usage-data analysis and Documenting a product design and research process. It suits work in User experience design and Digital product design.
The design is Editorial, Infographic-driven, Structured, Modern and Data-focused, with a Contemporary, Analytical, Confident and Reflective tone, laid out as Full-width hero image, Alternating dark and light content sections, Centered section labels, Multi-column text blocks and Infographic grids and diagrams.
Template details
- Format
- website
- Purpose
- UX design process presentation, Design case study or portfolio page
- Audience
- UX and product design stakeholders, First-time users or customers, Middle management of SMEs
- Use cases
- Presenting user personas and customer segments, Explaining usage-data analysis, Documenting a product design and research process
- Industries
- User experience design, Digital product design
- Style
- Editorial, Infographic-driven, Structured, Modern, Data-focused
- Tone
- Contemporary, Analytical, Confident, Reflective
- Typography
- Clean sans-serif, Large thin headings, Uppercase letter-spaced labels, White text on dark backgrounds
- Colours
- charcoal black, white, cream, navy blue, teal, mint green, purple, orange, red, yellow
- Imagery
- Bokeh city-light photography, Human figure icons, Charts and infographic diagrams, Geometric abstract marks
- Density
- high
- Aspect ratio
- 6:7

