Deliver task definitions, feature scope, interactive prototypes and findings. Validate the core journey before complex settings, accounts and integrations.
Working material
Visual hierarchy should match information priority. Typography, imagery and spacing determine what visitors notice first and how they understand the next information.
Delivery and checks
Compare home and detail pages at the same scale, including long headings, real imagery and mobile order. Connect observations to concrete areas and tasks.
Brand websites · Web applications
Digital product design · Working details
Digital product design · Working details
Digital product design · Working details
- Start with a real use case, organise features, flows and screens, and test the core experience with a prototype before implementation.
Digital product design · Working details
Web hosting · Digital strategy · User experience design
Start with a real use case, organise features, flows and screens, and test the core experience with a prototype before implementation.
Digital product design · Working details
Related design commentary
Start with a real use case, organise features, flows and screens, and test the core experience with a prototype before implementation.
Clipsal by Schneider Electric · Design showcase
Offer application and product-family routes through a large catalogue for both professional and general visitors.
Qiju Electric | Considered product choices
Concept case · Connecting living spaces, product discovery and planning to make technical choices clearer.
AusAppPathways App · Design showcase
Support short mobile career exploration sessions with coherent filters, return positions and saved preferences.
FlexSelect · Design showcase
Show current selections and dependencies in a configuration journey, identifying missing inputs before results.
Diaverum d.CARE app · Design showcase
Clarify user roles and current tasks in a service app, with visible states for records, reminders and help.
PGH Bricks Visualiser · Design showcase
Keep material selections consistent with their visual result and pair static previews with colour, texture and specification information.
Clipsal Virtual Smart Home · Design showcase
Organise spatial showcases by room or scenario and pair static views with explanations and equipment lists.
Practical notes
How to lay the right foundation for your digital asset
Establish models, routes, permissions and release recovery before adding personalisation or automation. Late foundational problems create broader rework.
Practical notes
What is the role of the Product Owner in Agile?
Own prioritisation, trade-offs and acceptance while distinguishing implementation responsibilities. Share decisions to prevent verbal scope drift.
Practical notes
Building a feedback loop in service partnerships
Keep the problem, resolution and confirmation for support requests. Review recurring issues and turn repetitive fixes into product or content improvements.
Web applications
Deliver journeys, permissions, data rules, states and evidence. Implement accounts, search, files and operations explicitly rather than presenting screenshots as an application.
Digital product design
Deliver task definitions, feature scope, interactive prototypes and findings. Validate the core journey before complex settings, accounts and integrations.
Practical notes
Behavioural design – An NFP case study
Connect donation purpose, amount selection and confirmation. Defaults should aid understanding rather than exploiting unclear information to drive uninformed choices.
Related practical notes
Start with a real use case, organise features, flows and screens, and test the core experience with a prototype before implementation.
Practical notes
How to choose the right CMS
Use an article, product and approval as sample tasks. Have real editors author, preview and restore content and record assistance and maintenance costs.
Practical notes
Building a martech stack
Map acquisition, content, email, analytics and customer records, including existing tools. Before adding a system, check export, synchronisation and maintenance ownership.
Practical notes
Plan human review for AI content
Generating a whole website and then looking for someone to check it encourages a rushed review. Decide beforehand which material is available, which statements need approval and who can publish the result. The draft can then be built around information that is possible to verify.
Practical notes
How to create a digital strategy roadmap
Separate current problems, near-term improvements and later experiments, with owners and evidence. Keep the rationale for roadmap changes traceable.
Practical notes
How to perform a website audit
Sample navigation, copy, images, forms, search and mobile tasks. A successful response establishes reachability, not correct content or behaviour.
Practical notes
How to brief a digital agency
State the business, audience, pages, available material and decision-maker. Clarify budget and timing conditions and identify specific reference sections.
Planning headless CMS content
Download this editable planning headless cms content to record current work, open questions and owners. OXOAK examples can be adapted to the project.
Digital product design workbook
Download this editable digital product design workbook to record current work, open questions and owners. OXOAK examples can be adapted to the project.
Practical notes
Why conducting a content audit is essential
Record URL, topic, owner, validity and action. Distinguish duplicates, outdated material and unsupported claims rather than deciding from traffic alone.
