Working Progression - Bar button page

As we can always tell with dreamweaver, buttons are set to some type of squares or edges cornered button. We want to make it a round circle (thumb sized ) to make it slightly different and differentiate what can what be……

Working with some methods in mind and it didn't work out and later on finding out there was this one fast and easy method to do it. To make a perfect circle, we are to use a equal side square and than work with the radius corner with all equal radius degrees.

IMAGES HERE

Working Progression - Starting loading bar (1st Page)

Methods used to get our loading bar idea working and bumps/mistakes
- Needing to make a gif file from few different programs to make it a final working moving clip.
* had to start with making the logo parts individual layer so that we can do our little magic loading thing to able to move.
*
*
*
*

1st go went well with one tutorial but haven't got the right colour background.

 Small details to think about - if we wanted to make it looping so that it can reload or have it load once and stop.

Final working layout on our working production page.

Its placed in the centre and that its not being to big or small….

Refinement - map idea

Loading bar when opening the app

We had choosen to have a mini loading bar in our app when you first go into it as most apps or entering somthing, there is this moment of waiting for it to load and start up running.

With our drawing concepts, we had many ways but this final way (clip above) shows the idea of loading up.

looked at tutorials for gif files

https://www.youtube.com/watch?v=VeZGwjVwDrc

http://www.agitraining.com/dreamweaver/tutorials/inserting-images

http://www.sitepoint.com/animation-dreamweaver/

http://helpx.adobe.com/fireworks/using/fireworks-dreamweaver.html

Screen Shots

Wireframe