Been a while I don't design web app. This was the first screen and wasn't perfect. But I'm pretty happy with the final approved version. I'll post more soon.
Oh the cross stripe will be there just like a loading bar.. when you update something.. not by default.
Mean while you can see the header part here..
----
Bigger
@Eelco Guntlisbergen thanks :) well I can say that this bit candy.. but in the end it will need more mature and easy to brand. So few pixel line below the header is intentionally be there as a brand tone recognition, not sure if I explain this well hehe
@Kaushik V. blue line in fact that server for brand tone recognition. SInce this app will be used by different collages so this line with specific tone can be matched to specific collage brand tone.. also this can be a loading indicator..
Don't worry guys, I don't really like it much either.. I just want to share what I come up with my first try.. we made first mistake and be suck. I admit that this project I took when I'm in creative block mode.. I will share more stories in the upcoming shots until I got the final approved version :)
Another part of this first version..
Counter button to let student know how much time left before the lecture started.. Not perfect I know.. this is not final.. just to get the idea..
11 Responses
Pro
Bady
Been a while I don't design web app. This was the first screen and wasn't perfect. But I'm pretty happy with the final approved version. I'll post more soon.
Oh the cross stripe will be there just like a loading bar.. when you update something.. not by default.
Mean while you can see the header part here..
----
Bigger
7 months ago
Pro
Ionut Zamfir
@Bady Damn, this is cool!
7 months ago
Pro
Eelco Guntlisbergen
Good color choice! I'm not to sure about the strong white gradient in the post update button but the rest looks slick!
7 months ago
Pro
Bady
@Ionut Zamfir thanks my friend :)
@Eelco Guntlisbergen thanks :) well I can say that this bit candy.. but in the end it will need more mature and easy to brand. So few pixel line below the header is intentionally be there as a brand tone recognition, not sure if I explain this well hehe
7 months ago
Pro
Alexandre Naud
That's good, yo!
7 months ago
Pro
Mani
don't like the blue lines under header :(.
7 months ago
Pro
Kaushik V. Panchal
looks clean, those blue lines under the header look irrelevant with the whole color scheme. Are they serving any specific purpose?
7 months ago
Pro
Bady
@Mani nw man :)
@Kaushik V. blue line in fact that server for brand tone recognition. SInce this app will be used by different collages so this line with specific tone can be matched to specific collage brand tone.. also this can be a loading indicator..
Don't worry guys, I don't really like it much either.. I just want to share what I come up with my first try.. we made first mistake and be suck. I admit that this project I took when I'm in creative block mode.. I will share more stories in the upcoming shots until I got the final approved version :)
Thanks btw guys
7 months ago
Pro
Kaushik V. Panchal
Thumbs up @Bady ;-)
7 months ago
Pro
Bryan Kearney
That's mighty nice!
7 months ago
Rebound
Join lecture
by Bady
Another part of this first version..
Counter button to let student know how much time left before the lecture started.. Not perfect I know.. this is not final.. just to get the idea..
----
Bigger
More about this project
7 months ago