06 / CASE STUDYOVERVIEW0%

Civic Loop · Service design · Concept · 2023

Local ideas, made actionable

Small actions. Shared momentum. This opening chapter gives a hiring manager the essential context in under a minute: what changed, who it was for, why it mattered, and the part you owned. The content is intentionally illustrative until the real project story and evidence are added.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

ROLE

Service Designer

Primary responsibility

TIMELINE

6 weeks

Project duration

TEAM

Design + Community

Collaboration model

SKILLS

Service design · Co-creation · Prototyping

Research, interaction, and validation

01 / CHALLENGE

Complexity was visible. The path forward was not.

Strong case studies make the constraint tangible without turning the page into a wall of background. Frame the user problem, business pressure, technical boundary, and risk as a small set of connected tensions.

KEY TAKEAWAY

Name the trade-off that made this problem difficult—not just the feature request.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

02 / RESEARCH

Patterns emerged around confidence, context, and recovery.

Show the research questions, participant mix, methods, and the signal that changed the direction. Evidence should be scannable: a short finding, its implication, and a traceable design response.

KEY TAKEAWAY

Connect every insight to a decision made later in the story.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

03 / DIRECTION

Reveal complexity only when it becomes useful.

This chapter turns research into a product principle. Explain the alternatives considered, how they were evaluated, and why the selected direction best balanced user confidence with business and delivery constraints.

KEY TAKEAWAY

Show the rejected directions; good judgment is easier to see through comparison.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

04 / DESIGN

Hierarchy made the next right action unmistakable.

Use annotated screens to explain information architecture, interaction patterns, accessibility decisions, and how the solution scales. Keep decoration secondary to the reasoning behind the interface.

KEY TAKEAWAY

Annotate the decision—not the obvious visual detail.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

05 / PROTOTYPE

The prototype focused on moments where confidence breaks.

Describe the fidelity, task scenarios, and what was deliberately left out. Then show the iteration loop: observation, interpretation, change, and the next question that needed validation.

KEY TAKEAWAY

A before-and-after interaction is often more persuasive than a polished final screen.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

06 / OUTCOMES

Measure what the experience made easier.

Reserve this chapter for real evidence: usability movement, adoption, engagement, satisfaction, delivery efficiency, accessibility improvements, or a clearly labeled qualitative result. Avoid invented metrics in the final portfolio.

KEY TAKEAWAY

If launch data is unavailable, document validated learning and the next measurement plan.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

07 / REFLECTION

The strongest learning should travel to the next project.

Close with honest reflection: what you would change, what constraint you understand differently now, and how the work evolved your design process. This turns the project from a gallery into evidence of growth.

KEY TAKEAWAY

Specific reflection signals maturity more clearly than a generic list of lessons.

IMAGE / VIDEO PLACEHOLDER

Select this frame and replace its Fill with a project image or looping video.

NEXT PROJECT

Making complex journeys feel obvious

Create a free website with Framer, the website builder loved by startups, designers and agencies.