HomeBro / Original published motion study
01 / HomeBro
The context
A home-renovation service concept presented through product and interface motion. The original project explores AI and augmented-room experiences through a visual product narrative.
Reading the problem / HomeBro
The service premise should arrive before the visual concept.
HomeBro presents a home-renovation idea through brand, interface and motion. AI and AR references belong to the concept’s scope.
HomeBro is a published concept presentation. Its AI and AR ideas are distinct from deployed capabilities and from the Flip client project.
How can motion explain a home-renovation concept before the viewer understands its interface?
Evidence: the project account and the attributed artifacts on this page. Process drawings and interaction studies are reconstructed explanations; numerical research or business results are included only where separately supported.
02 / HomeBro
The design focus
- Service concept and interface direction
- Motion-led product storytelling
- A coherent presentation across screens
The process / HomeBro
A direction.
A way to build it.
The renovation concept needs a human premise before immersive room imagery can explain the proposed service.
A schematic of sequence and overlap, not a dated project schedule.
Frame the home need
Identify the renovation context that gives the visual concept a reason to exist.
Connect premise and room experience
Plan where interface and spatial ideas help explain the service.
Explore the concept film
Develop the motion-led presentation around the original product and room direction.
Review the scope of the message
Keep illustrated AI and AR concepts separate from claims of deployed features.
How can motion explain a home-renovation concept before the viewer understands its interface?
The film introduces a home-related need before moving into the proposed digital experience. Room exploration then gives the concept a visual setting, and the final service message explains what the viewer should take away. That order keeps the presentation from becoming a sequence of unrelated screens.
Journey map / HomeBro
See the whole task in context.
Choose a step to connect the person’s intent with the interface and the design decision.
Current intent
Frame the home need
HomeBro is a published concept presentation. Its AI and AR ideas are distinct from deployed capabilities and from the Flip client project.
- Interface context
- Service premise
- Review question
- Which interactions repeat inside each client product and deserve a reusable component?
Representative task sequence and recovery path, not a measured emotional curve or historical research map.
Behind the experience
From composition to a consistent deliverable.
For HomeBro, this map connects “Frame the home need” to “Explain the service”. Read across to follow the task, then select a layer to inspect the interface, design and delivery references behind it.
| Layer | Frame the home need | Introduce the concept | Show room exploration | Explain the service |
|---|---|---|---|---|
| The task | Frame the home need | Introduce the concept | Show room exploration | Explain the service |
| Visible interface | Service premise | Service premise | Room exploration | Concept takeaway |
| Design checkpoint | HomeBro is a published concept presentation. Its AI and AR ideas are distinct from deployed capabilities and from the Flip client project. | Introduce the renovation need before the screen sequence. | Make room exploration serve the concept’s explanation. | Close on the service idea rather than a list of technologies. |
| Implementation reference | Identify the renovation context that gives the visual concept a reason to exist. | Plan where interface and spatial ideas help explain the service. | Develop the motion-led presentation around the original product and room direction. | Keep illustrated AI and AR concepts separate from claims of deployed features. |
| Recovery | Missing information → show the next requirement → preserve the current task | |||
A reconstructed delivery map: the implementation row summarizes design-process dependencies, rather than claiming to document the original backend architecture.
Start with the home need.
Reconstructed comparison of design approaches. These are review studies, not a claim that both directions were historically tested or shipped.
What this direction changes
Start with the home need
Gives the interface and room exploration a clear human context.
Give the room experience a place in the service story.
The storyboard reconstruction separates the premise, room exploration and concept takeaway. AI and AR ideas can attract attention, but the viewer still needs to understand how they relate to home renovation. The sequence should explain that relationship before presenting them as features.
01 / Service premise
HomeBroFrame the home need
OpeningResolve
Introduce the concept
Introduce the renovation need before the screen sequence.
02 / Room exploration
HomeBroShow room exploration
OpeningResolve
Show room exploration
Make room exploration serve the concept’s explanation.
03 / Concept takeaway
HomeBroExplain the service
OpeningResolve
Explain the service
Close on the service idea rather than a list of technologies.
Try the interaction
HomeBro / Composition study
HomeBro01 / 03
View 01
Service premise
Introduce the renovation need before the screen sequence.
HomeBroFrame the home need✳
Starting context
Frame the home need
Keep the service message clear around immersive imagery.
Use service headlines to anchor the room imagery, then give explanatory copy a quieter role. The visual concept should not depend on reading several competing messages at once.
Illustrative type-role specimenHomeBro
Frame the home need.
Explain the service.
HeadingRoom exploration
24 / 30 px · regularBodyHow can motion explain a home-renovation concept before the viewer understands its interface?
16 / 26 px · regularLabelExplain the service
12 / 18 px · regularStateMissing information → show the next requirement → preserve the current task
12 / 18 px · regularPortfolio-font hierarchy illustration; the source does not establish the exact client font or token scale.
Explain the concept without overstating its maturity.
Which interactions repeat inside each client product and deserve a reusable component?
The film should establish the homeowner’s context before emphasizing the interface. Otherwise a visually compelling room view can leave the service proposition unclear.
Where does the domain require a different pattern instead of a shared visual treatment?
Concept capabilities need to remain recognizable as concept ideas. A persuasive motion presentation should not be used as evidence that its AI or AR integration has been deployed.
Preserve the premise as the presentation evolves.
HomeBro is a published service-concept presentation. The handoff should connect each scene to the home-renovation premise, identify the source visuals and state which capabilities are being illustrated. That makes future cuts easier to judge for meaning as well as appearance.
For a future assisted storyboard or copy task, provide the original concept context and the message of the new cut. Keep HomeBro separate from the Flip client product; similar subject matter does not make them the same project.
HomeBro is a concept film, distinct from Flip and from a claim of deployed AI or AR renovation features.
Accessibility & standards
Access belongs in the design.
For HomeBro, carry accessibility requirements from the core user journey into component states, prototypes and engineering acceptance criteria.
WCAG 2.2 AA · EN 301 549 · APCA · WAI-ARIA · Platform guidance
Turn the palette into usable roles
Document approved text/background combinations for body text, large text and UI components. Assess functional content against WCAG 2.2 AA; use APCA to refine type size and weight.
Carry identity without losing meaning
Provide non-color cues, readable type hierarchy and accessible template reading order. Review captions and a reduced-motion alternative for product films and animated applications.
Make the rules usable in production
Include accessible color tokens, component states and content guidance in designer, developer and Claude/Codex references. Logo presentation alone does not establish interface accessibility.
Review scope & standards references
These are design references and review priorities, not a claim that this historical project passed a WCAG audit. Record criterion-level evidence, assistive-technology and device results, unresolved issues and retest outcomes before making a conformance statement.
APCA supplements the WCAG 2.2 contrast checks; it does not replace them. WCAG 3 remains a draft. EN 301 549 v4.1.1 is the latest published edition checked on 6 November 2026; its publication and its formal EU legal citation are separate matters. Confirm the applicable procurement or legal baseline with the client.
Outcomes & scope
What the work delivers.
- A published concept presentation, separate from the Flip client project. AI and AR capabilities shown in the concept are not claimed as deployed integrations.
Results are described within the documented project scope. Illustrative studies are identified separately from original project artifacts.
Review & next iteration
What needs to hold up in use.
Use these questions to review HomeBro against the behavior the design is intended to support.
- 01
Can someone describe the concept after the opening?
- 02
Are explored capabilities distinguishable from a deployed service?
Project-specific acceptance questions for a future review, not reported usability-test results.
Reflection / HomeBro
What I’d carry forward.
A renovation story needs a human premise before a polished interface. The film should help someone understand the service idea and then follow its visual expression.