Create visual graphical user interfaces (GUI) for a training solution
With no user functionality.
- Sketch of designs to be approved before final design is created
- Vector graphics files with screen designs
- Original project files from design tool
- Some text description for every screen design
The Screen designs
Use: The screen designs (GUI) will be used later to create flash or Silverlight templates used for showing health and safety training content. The Flash or Silverlight job will be posted on [url removed, login to view] shortly after we receive the screen designs.
1. Opening screen
2. Training screen
- Headline and subtitle and info text.
- Large buttons for starting training.
- At least 1 button, but up to 6 buttons for starting 6 different types of training.
- Start buttons has some text and image information on [url removed, login to view] logo and name and a dummy customer logo and name
- Exit button
- Sound off button
These screen designs are expected from opening screen:
- Opening screen with 1. buttons and dummy text
- Opening screen with 6. buttons and dummy text
- Show interaction effects, showing how: 1. a mouse click, 2. hover over button effect, and 3. hover over button info text boble will look like in your design
2. Training screen
A intro movie will start when entering the training screen (screenshots of movies will be sent)
Buttons on the training screen when intro movie is playing:
- skip button/icon
- exit button/icon
- back to menu button/icon
- Sound off button/icon
Menu on treining screen:
When pressing skip button, or waiting until the intro movie end, a training menu with raw/column of up to 6 buttons appears.
When one of the 6 buttons in the training menu is pressed: 1. the menu slides out 2. and a zoom effect is shown when the background image is zoomed in on one area and 3. one spot is marked with another effekt on the background image. 4. a text boks is shown with a pointer/line to the marked spot
A cancel, back, stop or exit button is there on the screen at all times.
(in the final solution there will be animated spot markings, pan an zooming effekts)
These screen designs are expected from training screen:
- Screenshot when intro movie is running
- Screenshot when intro movie ends and menu is sliding inn on the side using less than 1/4 of the screen.
- Show Hover and mouse click effects
- Show effect for zoom on background image
- Show effect for marking position on background image
- Showing text boks with line to marking
Look and feel of design:
Soft and clean with Stormfjord look and feel (see webpages).
Health, safety, train, learn
19 freelancers are bidding on average $1136 for this job
We have all the required designer and developer you are looking for and can allocate dedicated resources for your project. You will be very happy and satisfied of our services.
Hello. Kindly check your inbox for more details and a link to a portfolio. I can start work right away and focus on your project alone. Thank you for reading my proposal and giving me the chance to bid. Regards.