By Amir U3

Mspanish picked a winning design in their Other Graphic Design contest

For just $1,289, they received 227 designs from 34 designers.

From logos and business cards to websites and stationery, you can get anything designed by running your own design contest on 99designs.

Find out how…

eLearning UI Design (RIA)

$1,289

1

2 completed

Congratulations to the winner, Amir U3!

Held by mspanish in Other Graphic Design

Brief Summary

Help us develop a fantastic skin for our Flex Spanish e-learning application, including designs for page views. Designs in PSD, Ai, Flash, or Flex are all fine. We would like to the following 2 pages from each designer, in 1024x768 sized images:

Here is a wireframe- very rough - for the HOMEPAGE.

http://www.instaspanish.com/dev/wireframe1.jpg

Here is a mockup that can serve as a general idea for the CURRICULUM page we want to see from each designer:

http://www.instaspanish.com/dev/mockup.jpg

Brand Name

http://www.instaspanish.com

Description

Please look at http://www.wufoo.com and this guide to fantastic Flex interfaces: http://designingwebinterfaces.com/great-flex-ux We are working with programmers to code an elearning interface in Flex 3 builder. What we need, are a set of gorgeous, uber web 2.0 screens for our interface (rough working demo is here: http://www.instaspanish.com/dev/IFrameDemo.html just click the GO button, no login needed)
For the contest: please 2 samples for 1 or both of these 2 pages:

Interface Home - http://www.instaspanish.com/dev/wireframe1.jpg

Content Viewer with Curriculum List/Tree

You may like to watch this video about the project to see some rough ideas I've had:
http://www.instaspanish.com/dev/ui1.htm
Please note that the gig includes design for all of the screens listed below.
Below are the types of screens we'll need.
Pages (states in Flex):

Home interface

Clase de Ninos curriculum

Beginning Spanish

Intermediate Spanish

Features Tour

Student Admin

pop up windows/panels:

Welcome

payment

help

Obviously you'll develop a theme/skin and just make adjustments based on each page. It would be beyond awesome if you can do this natively in Flex using Degrafa or something similar - but you can also do your designs through flash skinning and even design apps like Illustrator, Photoshop, or Xara, although all artwork must be in layers that we can convert into skins for components or apply via CSS, etc.
One thing people may want to keep in mind for the curriculum organization, is that the 3 levels right now are as follows:
Clase de Niños - 10 units
Beginning - 18 weeks
Intermediate 18 weeks
So most of the designs have like 4 sections you select, when in fact the main system (beginning, intermediate) - will not be done in sections like that, but in WEEKS, just like a school year.
I thought that might be helpful for people to know.

Wants

bright, colorful, web 2.0

ideas for layout of elements like welcome screen, curriculum tree/list, etc

big icons - can be stock icons but should be high res and look good when app is scaled larger

very clean, good use of empty space (no clutter!)

check out Wufoo.com - I love this site

Don't Wants

techno looking stuff

corporate looking stuff

dark colors

browns or pink

small fonts

cursive fonts

italics - if you use, use SPARINGLY! small icons

Files attached