Here is how timeline for updates mostly likely will look like at homepage. Group cover block at the left, and updates for it at the right. "17 updates" appears only when you move mouse over any update block. Second update block shows hover state.
Actually this is an early stage design, things will most likely move around. I'm working on this at the moment, and wanted to share as Dribbble tells us : )
Btw, the pixelated thing at top is logo. I must hide it for now.
What is that tetris like thingy in the orange bar? Is it mosaic'ed out, or an actual piece of UI? I kinda like it! BTW, that subtle texture/noise in the bar is really nice!
@Yummygum lol! Tetris :) Yes it actually does look like that! not on purpose though. It is actually logo, I had to pixelate for now, can't share it yet. Btw thanks!
Not super stoked on the alternating left & right. Depending the context of this design whether it is a web app or it is a mobile intended app... you should alternate it more balanced like, or do one side and justify the timeline to one side.
13 Responses
Pro
Oykun
Hi friends,
Here is how timeline for updates mostly likely will look like at homepage. Group cover block at the left, and updates for it at the right. "17 updates" appears only when you move mouse over any update block. Second update block shows hover state.
Actually this is an early stage design, things will most likely move around. I'm working on this at the moment, and wanted to share as Dribbble tells us : )
Btw, the pixelated thing at top is logo. I must hide it for now.
Comments are much appreciated!
Cheers,
I ♛♕♛ at Twitter.
10 months ago
Pro
Yummygum
What is that tetris like thingy in the orange bar? Is it mosaic'ed out, or an actual piece of UI? I kinda like it! BTW, that subtle texture/noise in the bar is really nice!
10 months ago
Pro
Oykun
@Yummygum lol! Tetris :) Yes it actually does look like that! not on purpose though. It is actually logo, I had to pixelate for now, can't share it yet. Btw thanks!
10 months ago
Pro
Nick Sloggett
Not super stoked on the alternating left & right. Depending the context of this design whether it is a web app or it is a mobile intended app... you should alternate it more balanced like, or do one side and justify the timeline to one side.
10 months ago
Pro
Donald. ♕
@Oykun funny how the pixelated icon actually works in the design
Looks great and I'd love a real pixel version to be shown so we can see the entire thing
10 months ago
Pro
Tim Hartmann
So clean & minimal - I love it! Only thing would be better - more contrast at the tooltip ;)
10 months ago
Pro
Neil Bradley
@Nick Sloggett I think the orange is just to indicate the mouse-over, rather than an alternating colour.
@Oykun Looks great, I love the orange and the icons. Nice and clean.
10 months ago
Pro
Rodrigo Grundig
I love this orange.
10 months ago
Fan of the pixelated logo thing you're trying to hide. That alone could be something cool :) Great job!
10 months ago
Pro
Anthony Lam
amazing work, i dig the style!
10 months ago
Pro
Dhiren Adesara
wow !
10 months ago
Pro
Nick Sloggett
@Neil Bradley didn't say anything about color
10 months ago
Pro
Oykun
Folks, thank you all for feedbacks! I'm giving a second look to design with your feedbacks...
10 months ago