Initial idea for account screen and stats tab. Gives viewer overview of data created and their stats. Not necessary in terms of what is needed, but thought could be nice way of displaying their info using dataform graph style.

Adapted colour palette layouts for colour and text tabs.

Initial development of login and signup lightbox forms.

variations on ‘share’ screen when not logged in or accounts linked with social media. Prefer the second version for consistency, with greyed out box and button. Although this goes against the theory of removing aspects that don’t need to be there.

Design applied to different menu tabs. Unsure about social media tab. Tried to place ‘disconnect / relink account’ options next to different social media boxes, but wasn’t enough room. Placed them at the side instead and in the same order as they appear, but in a veritical list.

Still need to design ‘save’ tab. Was having problems with what options to offer; whole screen, current selection. Then in various formats such as jpeg, pdf, eps.

Tabbed alternative design. Fits in better with tabs used in actual program but prefer the side nav in the other version. The difference in navigation defines the program from the signup/login page, but the nav is still consistent with the icons used in the un-fixed / removable toolbar.

landing page prior to loggin in or siging up. Needs a lot of work still. Will be a one page scroll that will jump once navs clicked. Icons need creating and replacing in nav.

With 1px stoke of 20% grey around menu. Think it looks slightly better although may be still a little light?

Development of detachable toolbar. Used the same colours as the fixed for consistency, however it appears a little light. May need to add an outline around it? or perhaps make the background slightly darker, although this will then need to be changed on the fixed toolbar.

The tabs have been simplified to their icons and the titles have been removed. The thoughts behind this were that the more experienced user will want to move the toolbar, so therefore will be familiar with icons. I will include a hover state on these icons which explain what they are, to ensure that they are understood.

Updated site with new toolbar.