Deliver compositions, typography, colour, imagery rules and responsive guidance. Validate real copy and mobile reading order before extracting shared components.
Digital strategy · User experience design · Content planning · Brand websites
Digital design · Working details
Create a coherent brand expression through typography, colour, imagery and layout across the homepage and its supporting pages.
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.
Related design commentary
Create a coherent brand expression through typography, colour, imagery and layout across the homepage and its supporting pages.
Cancer Council Australia · Design showcase
Organise health information around reader questions, with clear distinctions between research, services and participation.
Launceston Airport · Design showcase
Organise airport information around departure, arrival and ground transport, identifying sources and freshness of live data.
Vinnies · Design showcase
Separate getting help, volunteering and learning about projects, presenting location and contact information by task.
Vocus · Design showcase
Organise communications around individual and business needs, with clear routes to capability, products and support.
The Australian and New Zealand College of Anaesthetists (ANZCA) · Design showcase
Separate training, member and public journeys on a professional college site, with clear terminology and resource categories.
SILK Laser Clinics · Design showcase
Connect services, locations, preparation and enquiry paths, supplementing imagery with suitability information.
RedZed · Design showcase
Explain specialist financial services through customer situations and process, with conditions before enquiries.
Yuanjing Mobility | A new horizon
Concept case · A distinctive brand story and connected product journey for a new electric-mobility concept.
The Fred Hollows Foundation · Design showcase
Connect people, projects and action in a non-profit narrative, with discoverable use-of-funds and progress information.
Beyond Blue · Design showcase
Separate support, information and participation, keeping urgent and important routes visible and understandable.
Australian Centre for the Prevention of Cervical Cancer · Design showcase
Distinguish public information, professional resources and organisational material, with identifiable sources and updates.
Simplot · Design showcase
Present food brands, business and applications with separate consumer and partnership entry points.
Money3 · Design showcase
Explain financial service eligibility, process and cost information before applications and document collection.
Interrelate · Design showcase
Explain audiences, access methods and appointment preparation for family support in direct, understandable language.
Churches of Christ · Design showcase
Group community services by practical needs and present locations, audiences and contact steps together.
Reward Hospitality · Design showcase
Support business purchasing with categories, specifications and supply information, retaining items and quantities in quotation requests.
Pearson Australia Schools · Design showcase
Categorise educational products by level, subject and format, distinguishing teachers, families and institutional buyers.
The Salvation Army Discovery Project · Design showcase
Identify users and support situations during discovery before arranging service, location and contact journeys.
Allens 200 · Design showcase
Use a chronology to connect people, events and images, with clear cues for browsing by period.
ANZIIF · Design showcase
Connect professional courses, events and industry resources through consistent categories and learning goals.
Carols by Candlelight · Design showcase
Lead an event site with dates, location, participation and programme details, supported by atmospheric imagery.
Snooze · Design showcase
Connect home imagery, product categories and specifications, maintaining continuity between online browsing and store contact.
Kapitol Group · Design showcase
Build a construction directory around imagery, project types and locations, with scope and design details on each page.
UNICEF Australia · Design showcase
Cross-organise non-profit content by theme, region and participation, retaining sources and updates for important material.
Fandelo · Design showcase
Emphasise work, creators and discovery on a content platform, matching categories to content formats.
Outerspace Design · Design showcase
Explain design work through imagery, process and project types, balancing visual rhythm with an accessible directory.
Clipsal Virtual Smart Home · Design showcase
Organise spatial showcases by room or scenario and pair static views with explanations and equipment lists.
Avant · Design showcase
Provide distinct routes to professional support, products and resources, maintaining continuity across sign-in.
EBM RentCover · Design showcase
Compare audiences, scope and process, giving terms and enquiries distinct purposes.
Save the Children · Design showcase
Connect purpose, activities and participation through imagery and explanations of context and work.
Nuplex · Design showcase
Organise materials by industry applications and technical properties, with product-level document discovery.
Australian Seniors Insurance Agency · Design showcase
Arrange insurance content around coverage, eligibility and questions, keeping limitations near the relevant explanations.
Maple-Brown Abbott · Design showcase
Distinguish institutional information, strategies and resources, retaining dates and definitions for data.
Life-Space Probiotics · Design showcase
Explain product ranges and audiences first, distinguishing brand storytelling from product information.
Pet Culture · Design showcase
Organise pet products by animal, life stage and purpose, connecting item information with relevant guidance.
Clipsal by Schneider Electric · Design showcase
Offer application and product-family routes through a large catalogue for both professional and general visitors.
Clipsal Iconic · Design showcase
Use detailed product imagery for materials and combinations, connecting specifications, colours and purchase preparation.
Qiju Electric | Considered product choices
Concept case · Connecting living spaces, product discovery and planning to make technical choices clearer.
Fuso · Design showcase
Support vehicle comparison through models, applications and specifications, pairing imagery with technical information.
Adviceline Injury Lawyers · Design showcase
Explain legal service suitability, process and required material before inviting an enquiry.
Design conversations
Use colour, people and conversation to establish identity while preserving text hierarchy and contrast.
Holding Redlich · Design showcase
Connect legal practices, people and relevant updates, carrying the reader's topic into enquiries.
Deakin University Student Association · Design showcase
Organise student events, benefits and support around tasks, with quick access to current information on mobile.
AusAppPathways App · Design showcase
Support short mobile career exploration sessions with coherent filters, return positions and saved preferences.
Master Builders Australia · Design showcase
Separate membership, training, policy and public resources on an association site around visitor tasks.
Head Start – Clipsal Consumer Promotion · Design showcase
Show campaign steps, eligibility and dates, keeping accessible rules consistent with promotion copy.
KordaMentha · Design showcase
Route professional consulting audiences from concrete situations to services and resources, beyond abstract capabilities.
NGS Super · Design showcase
Use life-stage routes for member services, with complete informational and account journeys.
PGH Bricks Visualiser · Design showcase
Keep material selections consistent with their visual result and pair static previews with colour, texture and specification information.
Australian Apprenticeships Pathways · Design showcase
Separate career directions, learning requirements and application preparation into clear next steps.
Yuechang Sports | Brand & content
Concept case · Connecting events, venues and sports culture through a clear visitor journey.
Related practical notes
Create a coherent brand expression through typography, colour, imagery and layout across the homepage and its supporting pages.
AI content verification
Project discipline
Define ai content verification responsibilities, inputs, collaborators and review outcomes. This page describes a discipline; staffing is agreed for each project.
Form validation
Project discipline
Define form validation responsibilities, inputs, collaborators and review outcomes. This page describes a discipline; staffing is agreed for each project.
Release recovery
Project discipline
Define release recovery responsibilities, inputs, collaborators and review outcomes. This page describes a discipline; staffing is agreed for each project.
Supplier coordination
Project discipline
Define supplier coordination responsibilities, inputs, collaborators and review outcomes. This page describes a discipline; staffing is agreed for each project.
Search experience
Project discipline
Define search experience responsibilities, inputs, collaborators and review outcomes. This page describes a discipline; staffing is agreed for each project.
Practical notes
Using a consistent method to review designs
Record audience, primary task, visual strategy and interaction evidence for each project. Use consistent criteria instead of treating volume as proof of quality.
Practical notes
Why Design QA should not be an afterthought
Compare typography, spacing, images and states as components are implemented. Test mobile and long English copy separately before release.
Practical notes
Explaining results in a product visualiser
Label colours, materials and scenes clearly and distinguish illustrative results from actual products. Let customers retain a summary and ask follow-up questions.
Practical notes
Web design trends for 2019: Part I – Purposeful motion
Use motion to explain entry, change or feedback without blocking reading. Keep content and tasks available with reduced motion.
Practical notes
Web design trends for 2019: Part II – Bold visual styling
Choose a visual focus and a clear sequence for headings, copy and actions. Test strong contrast and large type with real content.
Practical notes
Web design trends for 2019: Part III – Interface smarts
Explain automatic suggestions and allow editing and undo. Users should not need to guess what the system did.
Shape the project
Create a coherent brand expression through typography, colour, imagery and layout across the homepage and its supporting pages.
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.
