Design GUI

This project was awarded to milaHappCorp for $750 USD.

Get free quotes for a project like this
Project Budget
$750 - $1500 USD
Total Bids
Project Description

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.

Two screens

1. Opening screen

2. Training screen

1. Openingscreen


- 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

Awarded to:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online