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
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.
Hi, we have expertise in HTML5 / CSS3 (Mobile Browser Compatible & Responsive), jQuery, PHP/MySQL, .Net, OsCommerce, Wordpress, Joomla, Drupal, Magento, ZenCart, Mobile Apps etc. You can see more details with PMB, Thanks.
The best way to build a project like this is to start with sketches, pull the best from several concepts, and build the wire frame up from that.
I guarantee to bring plenty of ideas to the table while taking direct input from you and your team.