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.
Here is a mockup that can serve as a general idea for the CURRICULUM page we want to see from each designer:
Please look at http://www.wufoo.com and this guide to fantastic Flex interfaces:http://designingwebinterfaces.com/great-flex-uxWe 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:
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:
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.
- 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
- techno looking stuff- corporate looking stuff- dark colors- browns or pink- small fonts- cursive fontsitalics - if you use, use SPARINGLY!small icons