Customising Your Portal


On the Enterprise solution, your portal is white-labeled to be 'all yours'; that means you can give it your company's look and feel to match up with your official branding. This guide is to help with your logos and messaging when people land on your landing page.



The Basics



Some things to remember as you customise your landing page:

  • If the theme does not work for you, you can always design your own. Just supply they HTML 5 and lessCSS files then we'll fit it in (as customisation)
  • Click Save after every update to avoid any glitches and frustrations
  • You are not restricted to any order. Click up and down arrows to move features or on/off to hide or display sections
  • Images: you are encouraged to add custom images too
  • Responsive Design means it works across all devices - meaning sometimes image can get squashed and cut off
  • Mark the section on your landing page as visible to ensure it will show on your landing page

A Responsive Application with a Landing Page: The Difference


The Social Collective uses two designs


Application

Landing Page









What do you need to know?

  • Header colours are set by The Social Collective - email us for a change. There may be one colour and logo set for the landing page and a set for the Application
  • The Landing Page is flexible, but the Application [while it can be changed] is not as flexible. There is logic applied to colour consistencies to ensure the best user experience
  • Set Up items include:
    • Core brand Colour - will be used for the headers (application and landing page) and buttons (landing page)
    • Logos:  200x40px (header logo), anything less than 300x300px (home page, must be transparent), 120x120px (login page)


Below are examples of the placements of the logos:


For a fully customised portal, you will need to have 4 different logos which will be placed at different pages on your portal, please see logo dimensions above


Home page logo



Once you scroll this header pops up with a floating menu (works well on mobile too)



             

Login Page

 

Application Logo





Application Design Edits


For all edits to the Application Design [besides header colour and logos] please contact The Social Collective team to discuss the requirements. We encourage innovation and understand design is subjective. We do monitor our platform usage to ensure that users find their way around the application easily.




Landing Page Edits


Here are all the items you can change and edit from a Super Admin account:


Steps: 

  1. Login (as a Super Admin)
  2. Scroll down to Usage and Account
  3. Select 'Home Page'
  4. Upload your desired background image



Above the fold: Image, Call to Action and Supporting Text




Ensure that you mark your headline banner as Visible, so that it can appear on your portal



<TIP> This is where most people who land on your portal will decide what to do next: 1. Sign Up / or Login or 2. Close the Tab. Make sure they Login.


Example: Custom Image or Animation, Short Headline and Supporting Text







There is more than you can set up on your landing page...


Partners' Logos


Do you have sponsors or partners that you'd like your portal to be associated with? We'll need the logos in a style that suits your chosen look and feel [for example, black and white].

Preferred dimensions are: max-height 40px, suggested width 150px at a maximum.



This is how it will look:





About Us

Here you will be required to:

  • Select your background colour
  • Input your title - About us
  • Upload your desired image
  • Input your header
  • Input a short detailed paragraph about what you do
  • Input bullet items that will tell users a bit more about your portal (with icons)


Example of how it will look:




Highlight Opportunities


Here you will be required to:

  • Input a title - Opportunities
  • Input your header
  • Input under button text to create a button that will link to your Opportunities page


Contact Us? Collect email address of people that don't want to sign up



Give them a reason to share their precious email addresses with you. You can choose who it will notify


What is covered here?

  • Input a title for this section according to the purpose of your portal
  • Input a header related to the title
  • Input a short detailed explanation in the text bar
  • Input Contact Me under the button text


Your pillars section - about your programme:


Here you highlight your specialties, you are required to:

  • Select a background colour
  • Title relevant to this section
  • Upload your desired image
  • Input a short detailed explanation in the text bar
  • Input your sub-items/pillars 





Portal Features


Here you are required to:

  • Input a title - Features
  • Input a header relevant to the title
  • Short descriptive text relevant to this section
  • Input your features and their short description under the sub-items

Pricing

Portal Note: Only on portals that are collecting payments



Here you are required to:

  • Select a background colour
  • Input a title - Pricing
  • Add a header explaining your offeringYou can further break down your offerings in the text bar

Links to your Partner Organisations



Here you are required to:

  • Select a background colour
  • Input a title - Organisations
  • Input a header relevant to the title
  • Input a short explanation in the text bar about this section
  • Input "go to organisations" in the button text bar

Link to your Stories by adding some on the Landing Page



Here you are required to:

  • Select a background colour
  • Input your title - Stories
  • Input a header relevant to the title
  • Input a brief explanation in the text bar about this section

Link to create a Profile




Here you are required to:

  • Select a background colour
  • Input a title - Community
  • Input a header relevant to the title
  • In the text bar give a brief but detailed explanation about this section
  • Input "Create profile" in the button text bar

FAQ section


To enable this page you need to email your FAQ content to hello@thesocialcollective.co



Programme and Portal Team


This shows your Super Admins and their Profile Pictures

Here you are required to:

  • Select a background colour
  • Input a title - Team
  • Input a header relevant to this section
  • In the text bar, add the skills your team specialises in

Find us


If you'd like to share where people can find you


Here you are required to:

  • Input your company's email address
  • Physical address
  • Contact number