Desktop Experience | Chrome Extension
client
Self-initiated
project
Tablé
year
2014
Idea
"Give a designed and desired look to the most frequently viewed page."
After the discontinuation of SpeedDial, one of the most used Chrome extensions and very dear to us, we had to look for alternatives out there. Much to our disappointment, we couldn't find an equivalent. Most of the New Tab extensions want all your data, give little functionality in return and certainly don't present themselves in a pleasing form. After some initial proof of concepts and design explorations, we quickly came to the conclusion that it would be worth trying to achieve something better. While respecting your privacy and data.
Process
"Tablé was an exceptional case with which we even proceeded with the prototyping first."
In most of our projects design and development go hand in hand, which is already a huge differentiator from traditional approaches - design first, develop later. Tablé was an exceptional case in which we even started to prototype first. Implementing the basic functionalities - adding, editing, deleting and rearranging bookmarks in the masonry grid - was our first step. It was, of course, followed by further development, but the initial prototype gave us the perfect amount of insight into how the design could work.
As Tablé’s layout is based off a masonry grid, it seemed obvious and compelling to use grid and block components to design its identity. We started from a 5 x 5 base grid and filled the blocks until we formed the letters - Tablé, adorably representing the arrangement of bookmarks in its actual implementation.
The next natural step was to design a full set of characters and numbers that matched Table’s identity. This way, we could use it as a thumbnail replacement for bookmarks without any image link or icon information attached. Now all anonymous bookmarks look designed graphically out of the first letter of titles.
Besides providing the dedicated font, we prepared multiple other ways to add thumbnails. Users can pick ready-made (title, link, logo and colors, as a package) bookmarks in the FAB (Frequently Added Bookmarks) section. They can also create custom bookmarks by either picking from a set of icons we meticulously designed or adding the web link of any online image.
Product
We started digging into Google's Chrome Extension SDK and came away impressed with how straightforward everything was.
A grid, a bit of resizing, a URL and synchronizing everything with the Google account. But of course, we didn't stop there and introduced different types of grid elements, ranging from clocks in different timezones to weather from different locations to other widgets like to do lists. In the near future we're also planning to introduce the idea of having individual Tablé's in case the user has multiple computers.
This is a Brownie Bite project, self-initiated by Zigzag. Curious what Brownie Bite project is?
At zigzag, we strive to keep our creative energy vibrant and exercise our creative skills to the max. We believe that the best way to achieve this is by simply ‘making / building’ things. We strive to create our own internal projects that are (1) relatively free from daily work constraints, (2) small enough to pursue on the side, (3) bring desired design and experience to overlooked moments and (4) provide delight and knowledge to ourselves in the process.
More
Business with zigzag
Let’s work together to create next-generation products, services and experiences.
Join our team
Looking for new challenges to work, learn and grow? Join the best team of creatives.
zigzag creative Corp.
101 Montgomery Street, Suite 1900
San Francisco, CA 94104
USA
© 2012 - 2023 zigzag GmbH
zigzag proudly runs on renewable power provided by Green Planet Energy.