Web Site prototype

1.

Web Site Design
- PROOF OF CONCEPT -

2.

General Comments
All fonts need to be assessed to ensure font style and size consistency. Font type should be suggested
Typeface to be light and clear
Footer and header of the Site consistent on all pages, any future updates in one place updates all pages
…
HTML and CSS files expected as part of final delivery
Content animations expected for banner rotations / content loading
SFTP details will be provided for concept preview. Hosting is not required
Animations are suggested to show content on load and on scroll down

3.

Branding
• All colours to have a rich and vibrant feel
• Combination of white backgrounds and clear fonts to draw attention to colours and content
Colour Palette
Logo & Wordmark
Logo
Font needs to be considered.
Two options for consideration:
Segoe UI Light and San Francisco.
Similar fonts should be
considered.

4.

Header
Header
COMMENT
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us
Blog
Selected Menu
item appears with
line and change to
font.
COMMENT
Animations on
hover are
suggested

5.

Footer
• All pages to maintain same header and footer
• …
Footer
About Gravitos
Connect With Us
We are a community of passionate, purpose-led, technology driven
individuals. We think disruptively to deliver solutions to address our
clients' toughest challenges, all while seeking to revolutionize the IT
industry and create positive change.
Contact Us
@ 2015 Gravitos
| privacy policy
COMMENT
Perhaps an icon
next to ‘Contact
us’?

6.

Site Contents
- PROOF OF CONCEPT -

7.

MAIN PAGE
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
COMMENT
3 banners to
rotate every
30sec.
MISSION DRIVEN
PEOPLE FOCUSED
Ambitious missions need disruptive thinking
We are passionate thinkers. We provide Talent, pioneering tools
and consulting for organizations with ambitious missions. We can
COMMENT
Consider the
banner to be a
movie clip with
text at the front of
it with the edging
on the bottom

8.

GET HIRED
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
COMMENT
NEVER STOP
Being amazing
Different picture
but maintain the
green overcast
and bottom shape
COMMENT
JOIN OUR TALENT
COMMUNITY
Become part of our community and
BROWSE JOBS
APPLICATION PROCESS
View and apply for a position
Ready to be part of something new?
Here’s the info you’ll need…
Love the bottom
of the image.
Incorporate more
detail like this in
to the overall
design

9.

MAKE A PAYMENT
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
MAKE A PAYMENT
COMMENT
Different picture
but maintain the
green overcast
and bottom shape
Payment Area
coming soon…
Payment Area
As part of continuous improvements to our offer, our team is working on a Payment feature
that will be coming here soon. Watch this space.
Thanks,

10.

ABOUT US
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
Different
background
picture that draws
attention to the
banner with the
bottom shapes
COMMENT
Revolutionary is our baseline. Different is our first step. And
Radical means we’re just getting started.
Our mission
Our people & culture
The background of
the top bar should
be closer to offgreen
COMMENT
WE ARE
GRAVITOS
Game-changers
COMMENT
What sets us apart
Consider less text
on the image

11.

GET TALENT
Search …
Get Talent
Get Hired
Solutions
CONTACT US
About us Blog
COMMENT
OUR CLIENTS
THINK BIG
Different picture
but maintain the
colour overcast
and bottom shape
COMMENT
Talent Acquisition
Love the bottom
of the image.
Incorporate more
detail like this in
to the overall
design

12.

THE CLEVER STUFF
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
COMMENT
THE CLEVER STUFF
Different picture
but maintain the
colour overcast
and bottom shape
COMMENT
The Clever Stuff
Gravitos maintains an open philosophy with regards to the techniques it uses and is dedicated to
Love the bottom
of the image.
Incorporate more
detail like this in
to the overall
design

13.

BROWSE JOBS
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
IT STARTS HERE
Browse for current job openings
COMMENT
Ensure multiple

14.

APPLICATION PROCESS
Search …
Get Talent
Get Hired
Solutions
CONTACT US
About us Blog
THE APPLICATION PROCESS

15.

JOB DESCRIPTION
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
SOFTWARE DEVELOPER
Overview
We are looking for experiences Business Analysts to join us on a permanent basis in Perth
due to continued business growth. Being a consultancy, our teams work on a huge variety of
projects. You could be helping shape the digital strategy of a retail giant, building a new
mobile platform for a bank, or helping the science community locate meteorites that have
fallen to earth.
Ideally, you'll bring:
•At least three years of experience of working in agile development as a Business Analyst or
Iteration Manager.
•Lots of experience in gathering functional and non functional requirements, writing user
stories, mapping out processes and creating wireframes using a variety of tools.
•Comfortable facilitating workshops with stakeholders of different levels of seniority or
backgrounds.
•Ability to promote collaboration between Product Owner, stakeholders, SMEs, XDs, QAs,
and developers by removing roadblocks and fostering communication
•Excellent written and verbal communication skills and ability to work collaboratively (team
first mentality).
Headline
We're a big believer in diversity. We build software for a wide variety of people so we think
COMMENT
Ensure a simple
template that
allows ease of
creation for
similar job
description.

16.

CONTACT US
APPLY FOR A JOB
Search …
Get Talent
Get Hired
Solutions
About us Blog
YOUR APPLICATION
First Name
Last Name
Cell Phone
E-mail address
Application Process
Address
Ready to apply? Here’s all you need to
know…
Address – line 2
City
Talent Community
Join our community network and let
COMMENT
Form to capture
key data and a CV
and send it as an
e-mail to a
designated
address

17.

THANK YOU FOR APPLYING
Search …
Get Talent
Get Hired
Solutions
Revolutionary is our baseline.
Different is our first step. And
Radical means we’re just getting
started.
Thank you for your Application
Thanks for applying to Gravitos. We’re always interested in hearing from
you. Our recruiting team will take a look at your details, and if we’re
CONTACT US
About us Blog

18.

TALENT COMMUNITY
Search …
Get Talent
Get Hired
Solutions
CONTACT US
About us Blog
TALENT COMMUNITY
What is the Gravitos Talent Community?
Join our Talent Community and be the first to be informed about news
and career opportunities. Signing up for our Talent Community allows
you to receive customized job and event alerts sent to you via email.
Upload your resume to also be considered by our recruiting team for
future roles - even if you haven't applied!
How do I sign up?
It's easy! Just enter your details below.
First Name
Last Name
Cell Phone
COMMENT
Form to capture
key data and a CV
and send it as an
e-mail to a
designated
address

19.

THANK YOU FOR APPLYING
Search …
Get Talent
Get Hired
Solutions
Revolutionary is our baseline.
Different is our first step. And
Radical means we’re just getting
started.
Thank you for your Application
Thanks for applying to Gravitos. We’re always interested in hearing from
you. Our recruiting team will take a look at your details, and if we’re
CONTACT US
About us Blog

20.

CONTACT US
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
COMMENT
GET IN TOUCH
Different Image.
Text to say: GET IN
TOUCH
We’d love to talk about how we can work together
COMMENT
Contact Us….
We'd love to help and to work with you. Please give us a few details and we'll
get back to you soon.
Form to capture
key data and a CV
and send it as an
e-mail to a
designated
address

21.

SOLUTIONS
CONTACT US
Search …
Get Talent
Get Hired
Solutions
About us Blog
BIG CHALLENGES DEMAND
BOLD APPROACH
Ambitious missions need disruptive thinking
We are passionate thinkers. We provide Talent, pioneering tools and
consulting for organizations with ambitious missions. We can help you:

22.

PRIVACY POLICY
Search …
Get Talent
Get Hired
Solutions
CONTACT US
About us Blog
Privacy Policy
Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris facilisis mi vitae risus viverra, et varius
odio vehicula. Maecenas faucibus luctus ipsum vel varius. Nulla sed nisl sed ante ullamcorper
elementum. Cras sollicitudin, est et accumsan molestie, arcu dui varius sem, sed hendrerit lectus augue
non odio. Curabitur malesuada hendrerit dui, condimentum hendrerit magna gravida non. Proin auctor
suscipit lorem nec maximus. Integer bibendum aliquam dictum. Mauris eleifend interdum dui viverra
semper. Nunc auctor feugiat diam sed egestas. Donec at turpis pulvinar, lobortis magna vitae, aliquet
neque. Nullam ullamcorper felis eget metus pretium laoreet. Suspendisse ut ullamcorper lorem. In hac
habitasse platea dictumst. Sed feugiat nec purus vitae rhoncus.
Fusce efficitur tristique neque, in aliquam arcu iaculis eget. Mauris eu diam iaculis, gravida tellus at,
pellentesque lectus. Aliquam porttitor nulla in nibh congue, at euismod orci euismod. Mauris suscipit,
lectus sed vulputate iaculis, risus velit consectetur orci, nec cursus dui est interdum lorem. Phasellus nibh
mi, cursus vel vehicula et, imperdiet finibus justo. Etiam tempus imperdiet odio et efficitur. Vivamus
euismod pharetra accumsan. Praesent vulputate in lectus vitae lobortis. Proin pharetra lorem non neque
euismod, sit amet imperdiet tortor sollicitudin. Suspendisse potenti. Fusce id ornare est. Vivamus sed elit
mattis, malesuada lorem a, consectetur eros.
Headline
Sed condimentum a metus a lacinia. Quisque tortor turpis, blandit ac luctus vitae, molestie at lorem.
Aliquam id metus eros. Nulla ultrices at eros vel ornare. Nam accumsan ornare vehicula. Curabitur sit