CareerCourses.us Design Refresh

Education

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.

Every design category has flexible pricing for all budgets. Web page design starts at $599.