Beautiful site offers a dinner party in the browser

branch

Discuss important design issues on inspiring site Branch

Branch (opens in new tab) is a site that aims to provide a new method of communication, combining the intimacy of a dinner table conversation with the openness of the internet.

The homepage features some super neat modules that utilise CSS to achieve the look. Check out the avatars and icons positioned like a rotary telephone – a composition accomplished by rotate transforms and transitions. It uses neat CSS3 (opens in new tab) effects in other areas as well.

Co-founder and chief designer Cemre Güngör (opens in new tab) notes, "We use CSS keyframe animations to denote progress. After pressing a button, you see a Mac OS X-style Candybar progress indicator right within the button you just clicked on." Güngör says he also really digs icon fonts because they are now widely supported. "I rarely have to create specifically sized image assets. Having that flexibility is amazing".

branch

branch

branch

branch

This showcase was originally published in .net magazine (opens in new tab) issue 240.

Like this? Read these!

What do you make of Branch? Let us know in the comments box below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.