Design GUI

Create visual graphical user interfaces (GUI) for a training solution With no user functionality. Deliverables: - 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 [login to view URL] shortly after we receive the screen designs. Two screens 1. Opening screen 2. Training screen 1. Openingscreen Containing; - 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 [login to view URL] 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. Training: 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