Feedly App Logo and iPhone/iPad icon Ideas

Shot_1278425132

5 Responses

  1. Graham Smith Graham Smith

    Initial brainstorming for a refreshed identity for http://Feedly.com

    The brief is quite involved so I'll do my best to sum it up. It ideally needs some familiarity of Feedly, a superb way to manage, customise, share, organise and view all your feeds, news and headlines.

    "feedly organizes your favorite sites into a fun, magazine-like start page." Based on Google Reader, RSS and Twitter.

    They want Feedly to be viewed as this colourful, vibrant and fun way to manage all your precious feeds. A place you want to come and visit on a daily basis, to feel at home and feel enthused to spend time using and reading what is in your feed collection.

    That you cherish and be inspired by your feed collection, much like you would cherish, store and collect printed magazines. It's not just a place to store feeds, it's your own custom magazine. Rather than the more dull interface of Google Reader or other similar RSS feed readers.

    And so off the back of that, it makes sense that the look and feel creates this sense of 'enjoyment' both via the web application and also the soon to be released iPhone and iPad app.

    THe idea for this concept has come from the post-it sticky tabs you can get to mark and save pages for future reference. That many of us like buying bits of stationery to manage our lives, pens, pencils, markers, post it notes etc etc. So there is a direct tie in here, the virtual tabs are literally saying this is where you can bookmark, store, bookmark and share all those feeds you have.

    They conveniently form the 'F', whilst the tabs 'will' be fashioned to look like they are just peeling away towards the user, the semi opaque clear portion stuck down.

    The exciting prospect is that on the iPhone 4 Retina display, the coloured tabs 'app icon' will literally 'jump' out at you, begging for you to grab the ends with your fingers on the screen.

    The mark needs to be simple as it will be used for the main logo, all icons even the favicon size, and icons for the Safari, Chrome browser extensions. So it needs to downsize whilst retaining the overall identity where ever it is used.

    As usual, a first concept, rough around the edges. the artwork is just for initial brainstorming, so all the pixel details are not 'perfect', just to show the client my initial intentions.

    almost 4 years ago

  2. oVan oVan

    That's why the colors looked so familiar. I love them. Now that I think of it, I probably just bought the postits for their vibrant colors.
    I only saw the F because you mentioned it, they look too much like bar graph too me right now. Maybe rotate it a bit more?
    Anyway, great start!

    almost 4 years ago

  3. Wills Bithrey Wills Bithrey

    Love the vibrant colours, but I too completely missed the "F" and just saw a bar chart, or stock market like graph. Once again I love the detail you put into giving us the background about the project, it really helps to understand the brief!

    almost 4 years ago

  4. Graham Smith Graham Smith

    oVan & Wills : Yup, it definitely needs work but being a first concept only, details and refinements will be made. It's purpose is just to show the client a 'decent' mock-up of the idea I had.

    But its important to get that feedback, and as you both say you can't see the 'f', that helps me focus on making it more distinctive. :0)

    Touchdown!!

    almost 4 years ago

  5. In Context, although the whole site is being redesigned.

    Some change in direction, but using aspect of the previous design. Mostly using the raised 'tabbed' 'F' as link to bookmarking, finding your page/way, quick easy find links to your fav news etc.

    We decided to keep with the existing 'icon shape' as there is an existing loyal userbase who are familiar with the green look of Feedly. The white stripes also have a subtle link back to the '3 bar RSS' icon, although Feedly is'nt strictly all about RSS feeds, it is a important part of the experience.

    The actual shape of the container is reflected at the beginning also of each of the white bars in the 'F', the bottom smallest one being the exact shame shape. So just a nice small detail to follow through with. Which also gives effect of a 'turned-up' corner.

    The focus had to be creating an icon 'shape' that could be scaled down to the 16px/18px format for the browsers with out any loss of detail. This includes the colour icons for Chrome and Firefox and the mono only version for Safari. So a solid and flexible mark was aim here.

    The angled version is the main app logo and variations of this will be used for the various browser icons for Safari, Firefox and Chrome.

    Icon for FireFox and Chrome

    App Icons in context (labels are existing apps)
    iPhone example
    iPad Example

    The square version designed for iPad and iPhone applications of Feedly.

    Finished of with a nice slab of Helvetica Neue Bold.

    Find out more on Feedly : &lt;a href="http://feedly.com"&gt;Feedly</a>

    over 3 years ago

keyboard shortcuts: previous shot next shot L or F like