We're new here on dribbble and we've been waiting to show you all this.
We've been super busy working on a fresh look for Si digital, this has included the creation of new branding and a website to accompany it. The site has loads of fun illustrations and animations, above is just a little snippet.
Come and check out the site in all it's glory here. It's responsive too, but be sure to view it on your desktop for the full interactive experience.
11 months ago
Loving the new site, guys (and girl!). Fantastic work.
Can't wait to see what you do next.
I like the way in which you pulled my attention down through the different sections. Very original.
One small point... think you need to match up the pink so it is the same in the first flask, in the animation and in the footer.
Thanks for the feedback @David. This was something we did consider, but the the darker pink seemed a little too high contrast when flowing through the tubes.
Glad you like it!
great work guys. Welcome aboard
Thanks @Glynn Smith, @Simona Merlini and @Greg Dlubacz. :)
Awesome website, awesome animations, awesome whitespace usage... i love it!!
So pleased you guys like it. @Eelco Guntlisbergen and @Luboš Volkov :D
Awesome looks great! Amazing animation it took me through the whole page and I actually read most of it too!
Saw the whole presentation, looks great! Welcome to Dribbble :)
btw @Si digital it's a ini mini minor detail but the logo at the footer isn't horizontally aligned. (or it's a mindfuck because of the wave border) When following the pipe trough the end you see that it's 2/3px off.
Love this guys :) Very well done
Thanks @Eelco, we're looking into fixing it. :)
Nice stuff, welcome to the site!
THIS IS AWESOMEEEEEEEE
Gorgeous. Great job.
Wow! Great job guys!
Thanks so much @Morgan, @Mike, @Spencer, @Kyle, @culas creative, @Mladen and anyone else we might have forgotten. :)
well done! welcome to the game!
Great idea and lovely animations. How do you create the pipe animation?
We used jQuery animate for the liquid, using it's step % to work out where it is in the tube, when it's complete and if it needs to trigger any other animations on it's journey.
The beaker, bulbs and heartbeat are all canvas. CSS3 keyframes for the pulsating A/B split choices.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter