The target users of this site are split into two very distinct groups. The first group is the business professionals giving industry and career guidance to university students including non native speakers. The second group will be university students and young professionals looking to increase their career potential. Please keep this in mind when thinking about which person the page you're designing is for.
A light background rather than dark is preferred, with a Web 2.0 feel to the site. A clean layout, with graphical icons potentially as well as text is important, as this will help many of our users.
Page #1 - Landing/Home Page
The initial home page is a more general homepage with some graphics, maybe a video or text showing what the company is about. There will also be prominent links leading to a separate page to get more details for the professional and learner, almost like sub home pages.
* Sign In or Create New Account, Sign in via LinkedIn (professional site, so more lean to LinkedIn than FB)
* Introductory Video about Articula
* Upcoming webinar listings - some kind of animation possibly, showing different types of webinars (listed above in company desciption), Industry, Professional name/photo
* Standard social media links, most prominnent would probably be our blog feed headlines, but also links to FB, Twitter, etc
* Standard Footer - About, Contact Us, Terms & Conditions, Help, Blog, FAQ's, Scholarship Fund, Language/Country
* A message about Articula's Scholarship Fund with link or picture - "Articula helps underprivileged learners increase their career potential - professionals may donate their earnings to the Articula Scholarship Fund"
Page #2 - Learner Dashboard
Once a learner has logged into the site they will see a dashboard detailing the following.
* Popular & Suggested Webinars Area
* Webinar Search Calendar (key design feature) - When selected could minimise other features to take up the most screen real-estate
- Calendar to explore upcoming webinars that populates, ordered by date, professional ranking and industry (this will default to the industry chosen in the learner profile, but they have the option to see other industries, if their interested).
- Could include simple filters to narrow by webinar type.
- This needs to be really easy to navigate to see what sort of webinars may interest then, ultimately it is the feature that will sell the main content of the site, the webinars.
* Webinar Search - Search by professional's name, keyword, etc.
* Personal Status Panel - might show webinars enrolled in, link to preparatory instructions, messages from the webinar hosts and/or "friends"
* Dictionary - Link to a store of vocabulary words related to past webinar descriptions
* Link Navigation: Profile, Settings, Logout, Request a Webinar, Personal Webinar Archive
Page #3 - Live Web Conference (Webinar) Page
The screens where the actual webinars will be conducted. This will need to display prominently the video feed of the business professional and the learner. If there are more than one student in the webinar then their will also be other much smaller video feeds of the other students (up to three).
* A reasonable portion of the available space needs to be taken up by the content that is being discussed in the webinar, this may be a series of questions or topics they are talking about, it could be details of an assignment.
* Video controls, connect, publish, record, leave etc.
* Chat window
* Notes window, ability to type notes as you go