CareerCourses.us Design Refresh

CareerCourses.us

We match users to local and online universities and colleges for programs they are interested in. Users fill in our forms to get matched to programs such as auto repair, business, art & design, trade programs, health...

Our typical user is female between 25-50 from middle america who is looking to take courses online or upgrade their education.

careercourses.us

We want a dynamic and responsive website design that looks modern and
current. It should be simple and direct users to fill in the form
organically. Remember, the goal of this web site is to generate
leads(match users up with colleges) The users should be enticed to
learn more and want more information about the programs they can be
matched to. The design of the site must project this organically.
Ideally lure the user in with well designed pages and content and then
they can fill out the forms. We understand that we may not have enough
content currently on the site so feel free to add lorem ipsum where
needed and we can figure out later what content to enter there.
We plan to promote this site primarily via google adwords and
Facebook so please keep that in mind.

---------------------------------------------------------
*******Updated!!!!*******-------------------------------------------------------

All designers please follow this design layout and apply your
creativity. The basic skeleton should look the same for the home page
thank you!

- The "V" in each section indicates an arrow that pushes the user into
the next section (you can add a drop shadow if you'd like)

- Each "-------------------" indicates a clear break in the sections
that should be visually apparent.

- All parts should scale with the screen so they fill from left to
right of the browser. There should be no spacing on the sides.

Logo Call: 1800-800-1000 Search:____________

Tabs: Home l About Us l Programs l Featured Schools l Request
Information !

-----------------------------------------------------------------------------------------------------------------------------------------------

Above fold:

- Large picture should take up entire screen and scale.

- Copy should say "Get Matched to School That Help You Launch a
Career"

- an input field with "Program of Interest" and "Zip Code" along with
a button that says "Search Now"

------------------------------------------------------------------------------------------------------------------------------------------------

Navigation bar: This bar will become a navigation bar that will stay
at the top of the screen as the user scrolls down. Please look at
Strayer.edu to understand what is meant here. Each tab of this area
will push the screen to the applicable section further down the page.
Should look like below V

------------------------------------------------------------------------------------------------------------------------------------------------

Programs l Quick Search l Benefits l Nearby Schools l Featured School
l

------------------------------------------------------------------------V-----------------------------------------------------------------------

Programs section:

- Regular block (no parallax picture)

- Rectangular boxes with colourful icons that describe the program.
Follow a 4x2 format and have a + that will expand to show more program
categories

------------------------------------------------------------------------V-----------------------------------------------------------------------

Quick Search:

- Needs to have a parallax picture that will slide underneath as the
user scrolls. Needs a clearly visible graphic overlay of speedily
finding a career school on the RIGHT SIDE. Get creative here.

- Needs two input fields. "Level of Education" and "Program of
Interest"

- Copy should say "Quick Search" on the LEFT SIDE with a visual
representation of speed. On the right it will say "Find out what
programs your eligible for in 2 minutes!" followed by the input
fields.

------------------------------------------------------------------------V------------------------------------------------------------------------

Benefits:

- Regular block (no parallax picture)

- Show graph comparison chart of salary information for different
programs. For example, automotive compared to nursing compared to
graphic designer etc.

-----------------------------------------------------------------------V-------------------------------------------------------------------------

Nearby Schools:

- Needs to have a parallax picture that will slide underneath as the
user scrolls. Needs a clearly visible graphic overlay of a map of the
U.S. and some indication of finding something (Google map point,
person with a spy glass, etc.) Visuals on the LEFT SIDE

- Copy on the RIGHT SIDE saying "Find a Career School Near You!"
followed by 2 input fields asking for "Program of Interest" and "Zip
Code" and a button that says "Search Now"

----------------------------------------------------------------------V-------------------------------------------------------------------------

Featured School:

- Regular block (no parallax picture)

- Show a picture of Lincoln Tech's (Lincolnedu.com) logo on the LEFT
SIDE and lorum ipsem on the right of the logo

----------------------------------------------------------------------V-------------------------------------------------------------------------

Final Block:

- Needs to have a parallax picture that will slide underneath as the
user scrolls.

- Should have an extended version of our form starting with "Launch
your Career Education Today!" as the CTA and the first page of the
form being categories that says "Choose a Program"

- Categories should have the same icons as the "Programs" section at
the top of the page.

-------------------------------------------------------------------------------------------------------------------------------------------------

Footer should contain all the programs along with their sub categories
and a section for:

About us l Contact us l Privacy Policy

- About us should have a small lorem ipsum blurb about the company

- Contact us should contain the phone number at the top along with
address and a small map pictorial

- Privacy policy will just say "Please read our privacy policy at:
(with a link here (don't actually put a link anywhere just show what
it would look like))

Take inspiration from the example website.

home page:
- We like the idea of a big feature image so long as the user is encouraged to scroll down and scan the content.
- Should be simple, organically direct users to our form, and offer dynamic areas for information.
-Primary goal of this page is to get the user to fill in the form while providing small amounts of information

Category Page:
- Pick a category from the program list ie. automotive, health, art & design, and make a similarly responsive page as the home page but a stronger organic push towards filling out the form and more content around the program area (such as automotive category or business category).

Landing Page:
- The landing pages are for each individual program. ie. within education there would early childhood education etc. The landing page should look very similar to category page but have the strongest push for filling in the form and a place for cross selling programs. For example "Users who have an interest for Early Childhood Education were also interested in XYZ".
There should also be a place to allow for government data and statistics, dynamic charts, etc.

Overly complicated designs or visuals the user would just glance at.
Everything needs to be a strong call to action

Simple colors. Simple design.
We currently have a logo project up on 99designs.com and here are some
of the logos we have liked so that you can get an idea on the color
scheme.