Icon-x-30-white

Pixels of Pixels - Basis Style

by Nick Sloggett
Mar 4, 2013 | @2x

1 Attachment

56 buckets
Share
2,626 views
in Basis
Icon-colordrop-2x

Tags

  1. 9
  2. 8
  3. 5
  4. 5
  5. 3
  6. 3
  7. 2
  8. 1
  9. 1
  10. 1
  11. 1
  12. 1

22 Responses

  1. Pro Nick Sloggett Nick Sloggett

    Hey Y'all

    Did some work for Basis ( http://www.mybasis.com/ ) lately on my free time. Really cool product + Really nice design = Really nice or something like that. I am lucky enough to be helping them with revamping their dashboard a little from a UX standpoint as well as a visual standpoint.

    Overall this is a new color style for me. I typically lean towards bright, clean design; so thankful to be working on this. Overall it is a super fun project and I will be posting more pixels of this thing as we build it out!

    Feedback is always welcome and appreciated! Love hearing others thoughts! As always please like and share this, because sharing is caring.

    I've uploaded a super rough comp of real pixels! I know things are a little blurry. Don't hate.

    3 months ago

  2. Pro Shaun Moynihan Shaun Moynihan

    Nice work man, it really came out nice!

    likes

    3 months ago

  3. Pro Nick Sloggett Nick Sloggett

    @Shaun Moynihan thanks for the second eyes and advice! I really appreciate it buddy!

    3 months ago

  4. Pro David Kovalev David Kovalev

    Nicely organized. I'll be refreshing for more pixels :P

    likes

    3 months ago

  5. Pro Nick Sloggett Nick Sloggett

    @David Kovalev uploading new pixels in a hot second

    3 months ago

  6. Pro Josh Tilton Josh Tilton

    Digging this a lot!

    likes

    3 months ago

  7. Pro Nick Sloggett Nick Sloggett

    @Josh Tilton Thanks buddy!

    3 months ago

  8. Pro Matias Vad Matias Vad

    I'm really diggin the detail in this. And even though the colors weren't what you usually do, you really nailed the scheme!
    The typography is looking sharp as well.

    likes

    3 months ago

  9. Pro Nick Sloggett Nick Sloggett

    @Matias Vad Thank you for the kind words man! I really appreciate it!

    3 months ago

  10. Pro James Barnes James Barnes

    Quite the balancing act! The graphs look fantastic, though I'm not sure which thing is more important within them / or which thing I should be gauging my performance on (if that's the purpose of this dashboard).

    likes

    3 months ago

  11. Pro Underbelly (via Anthony Lagoon) Underbelly (via Anthony La...

    I can tell a ton of work went into this. Looks really good man!

    likes

    3 months ago

  12. Pro Kaushik V. Panchal Kaushik V. Panchal

    It is very clean and looks beautiful too, great work @Nick Sloggett really clean and simple

    likes

    3 months ago

  13. Pro Bady Bady

    @Nick Sloggett looks unique man!

    Suggestion:
    - I would make the colorful rectangle on the left side bit wider so it will be easier to hover/ click or perhaps make it taller and has the same height as the row.

    - I like the type treatment here but I'm sure it could be better. The usual thing I faced when using "unique" font is that it often didn't really match when applied to the entire text. It perhaps because certain font has different purpose and I think this font is not really great as a body text. So my suggestion would be use another font for the body text. I usually use Helvetica where it does a good work as a body text & numbers. I'm not sure too about this font when used as a date durations on the header.
    Perhaps this font didn't work best in that size. And perhaps this can solve what me @James Barnes feel too.

    - curious why you use that calendar icon (with notif badge) ? IMO it's not necessary to have that badge unless it really notify something.

    - the dropdown mark can be bit further from the date.

    - the line on activity table should be longer.

    Sorry for the long comment man, just try to help and curious what other designer think too.

    Cheers

    likes

    3 months ago

  14. Pro Nick Sloggett Nick Sloggett

    @James Barnes It definitely was. Their biggest issue before I did a dive into this was that there was no visual data, just a big list activity in 6pt font. So my whole goal here was to bring visual data into the dashboard and introduce the user to it in an ambiguous way. The reason for that is primarily for user testing. This side of the dashboard isn't meant to be a place for you to come and figure how you are performing but to see what has happened and how you are averaging in a very broad sense.

    3 months ago

  15. Pro Nick Sloggett Nick Sloggett

    @Underbelly (via Anthony Lagoon) Thanks duder! Thanks for the second pair of eyes on this!

    3 months ago

  16. Pro Nick Sloggett Nick Sloggett

    @Bady Thanks bud!

    The type treatment is really being thought through, they were utilizing 3 different fonts which was not a great idea. I reduced it to 1 (Museo) for sake of consistency and readability. I am utilizing Proxima thanks to @Rogie's advice on the type in general.

    Calendar icon was a last minute change, though it looks like it has badging it will be coded without it. Though I see your point I think there is a uniqueness to it that flows with the rest of the style of this application.

    Other than that awesome feedback duder!

    Cheers

    likes

    3 months ago

  17. Vaibhav Bhat Vaibhav Bhat

    Sick! :)

    likes

    3 months ago

  18. Pro Michael B. Michael B.

    Wow this is awesome, nice color scheme & lovely graphs.

    likes

    3 months ago

  19. Pro Nick Sloggett Nick Sloggett

    @Vaibhav Bhat Thanks man!!

    3 months ago

  20. Pro Nick Sloggett Nick Sloggett

    @Michael B. Thanks duder!

    3 months ago

  21. Pro Thorsten Beeck Thorsten Beeck

    Nice dashboard revamp and color scheme. :)

    likes

    3 months ago

  22. Pro Jake Fleming Jake Fleming

    Great colors here.

    20 days ago

Ads via The Deck

More by Nick Sloggett

More In Basis

keyboard shortcuts: ← previous shot → next shot L or F like