Re-Styling Podio

Follow

Eduardo Figueiredo

• June 11, 2020 20:11

Hello all,

While working as UI/UX designer at one of the Anga Group companies (Anga is a holding where all the companies work with Podio), I was slightly bothered with some interface details that I thought could be crafted differently and started to write CSS to override the native Podio style, in the end we came with a many new styling iterations from user experience feedback.

All you have to do if you would like to try it is to install the Stylish (Chrome/Firefox) extension and instal the Podianga style:
https://userstyles.org/styles/178333/podianga

The new icons are all SVG from FontAwesome chosen and aligned one by one to replace the non-retina raster images.

There are still some bugs that may come to surface as it's all an experiment that became a solution for all team users, now we have more than 117 people working with this re-styled Podio and we've been receiving constantly great feedbacks.

We have overridden Podio logo's with the holding's just for fun, if more people may be interested we could release an unbranded version =)

Projects App Example:

2

• 

  Willem Dewulf

  • June 18, 2020 15:35

  Hi Eduardo,

  I installed your style and actually really like it! It gives the UI a very fresh & modern feel, good job!

  Personally I would prefer some more colors in the UI, or maybe keep the top menu bar in Podio blue.

  Hopefully the Podio team will see this too and get some inspiration :) 

  1

  Comment actions Permalink
• 

  Willem Dewulf

  • June 18, 2020 15:36

  Also glad to see that our Power Tools don't break with the new style :) 

  0

  Comment actions Permalink
• 

  Jordan Fleming

  • July 27, 2020 10:16

  I actually like it :-) quite a nice little tweak. Nice job.

  0

  Comment actions Permalink
• 

  Miguel Neves

  • August 04, 2020 04:34

  cool stuff...keep going & improving on this...Cheers

  0

  Comment actions Permalink
• 

  Fernan Delgado

  • September 09, 2020 05:38

  Looks pretty awesome. Exactly the type of re-design that Podio desperately needs right now. Just one question, how can I remove the reference to Grupo Anga? Congratulations on a great design.

  0

  Comment actions Permalink
• 

  Lisa von Sturmer

  • November 10, 2020 21:28

  Thank you for this!  I would pay for more of this (even though podio should do it anyways) - can you allow us to add our own company logo?

  0

  Comment actions Permalink
• 

  Tomáš Štancl

  • January 26, 2021 06:01

  Much better for clean view of Podio, good job. Logo will be great ;-)

  0

  Comment actions Permalink
• 

  Pallabi Patnaik

  • October 08, 2021 11:08
  • Edited

  Like this skin. And this is what I love about Podio users and developers, you never stop innovating and inspiring us! Keep it going!

  On that note, glad to let you know that we have released a new official look for Podio this week. This includes a brand new color palette, modern & retina ready icons and many more updates.  Do check out details here: 

  https://help.podio.com/hc/en-us/community/posts/4407738560914-Stay-Tuned-The-new-look-of-Podio-is-almost-here- 

  Hope you like it! Cheers,

  // Pallabi - Citrix Podio Product Manager

  0

  Comment actions Permalink

Please sign in to leave a comment.