Branding (optional)

by Craig Braisby

Optional Feature

This article is for customers who have purchased either web or app branding of Assemble.
To discuss branding your Assemble platform please contact our sales team.

Branding of Assemble's public facing web pages is based off your existing web presence. Giving a seamless visual experience as applicants move from your web site to the Assemble platform and back.

Branding of the Assemble App creates your own separate listed app on the appstores with your colours/logo used throughout. 

Web Branding: Page Types

Assemble main elements are not typically branded but are integrated within your header, footer and general site feel.

The team will need support from your web marketing team to understand the best way to integrate the Assemble elements below within your site. Related colours, fonts and images should be supplied to the Assemble project manager as the site will remain hosted on Assemble's servers. 

Branding will impact recruitment search pages, opportunities, application forms and related portals for the applicants, guardians and referees all of which share a 'wizard' format. It is not completed on the core product used by volunteers once recruited as well as managers and system admins.

Please click on the example images below for each page type to see the default look and feel of the elements to be included: 

Example Page
Hero Page: Search landing page with 2 more recent opportunities shown. Option to overlay search on a supplied image and adjust look/number of recent opportunities shown.
Search Results (Grid): Includes options to switch grid/list results + show advanced options. Default view is grid, option to make list or lock to either view by removing switch view button.
Search Results (List): Alternate view option.
Advanced_Search.png Search Results (Advanced): Advanced search options are fixed (in terms of options) but examples of other similar form elements (Check box, drop down selection box, opening panels, etc.) can be supplied.
Details Page: Details of an opportunity, main layout is fixed 3 column as are elements shown as these are key to operation of the platform.
Wizard: Main wizard page, colours, style of step buttons, back next buttons and fonts can be adjusted. Applicant portal, application, guardian consent and reference requests all follow the same design, only steps shown differ.
Wizard (Error States): Colours for normal, selected and error states should be supplied.
Portal: View for applicant when not in an active wizard, based on wizard look and feel.

App Branding

Branding for the Assemble app requires details of font family, colours and logo (for icon and loading screen). Layouts are fixed.


Branding is a collaboration between Assemble professional services, your web/marketing team & existing website for source code / CSS. The bullet points below cover the main risks to successful branding:

  • Branding is a one time build, if you brand changes during or after the build then this will incur additional services costs.
    • If you are involved in a re-branding exercise during the implementation you will need to decide between:
      • Branding 'as is' and re-branding at a later point once things are stable (which would incur additional cost)
      • Delaying the start of your branding until the new brand is released and stable.
    • A common change is menu bars, a potential workaround to minimise changes is to use headings only (without sub sections) and avoid any 'seasonal' elements in the Assemble site menus.
  • Brand guidelines are useful for reference but need to be accompanied by a design brief which links to the Assemble page types listed later in this document. Covering details such as which colours to use, preferred layouts, etc.
  • Assemble cannot 'create' look and feel from scratch, branding costings are based on the time to modify existing assets to work with Assemble. Mock up images are useful to show concepts but they need to be accompanied by actual examples of the layout / idea in use on your website.
  • You may wish to have specific new images for the Assemble site, for example behind the hero page search and time to source these should be factored in.
  • App branding requires high quality logo images (1024x1024) to give the best experience on high resolution phones and meet the guidance issued by the appstore.