Roon Article Page

1 Attachment

25 Responses

  1. Drew Wilson Drew Wilson

    Here is the photoshop comp of a Roon article page. This is actually fully done in code and finished already... the only reason i'm showing a photoshop comp here instead of a real web view is because we haven't yet finalized image support on the web.

    I've done tons of fancy stylings to all sorts of data (code, tables, quotes, etc) to make sure things look super duper rad... none of that rad data is represented here in the photoshop comp though... cuz I do most design in the CODE PHASE! yep.

    Roon will be launching at Valio Con!

    likes

    11 months ago

  2. Zach Forrester Zach Forrester

    Yes. Nice.

    11 months ago

  3. Jacqueline Angel Jacqueline Angel

    Nice and clean. Love it!

    11 months ago

  4. Daniel Gtz. Gileta Daniel Gtz. Gileta

    Sweet. I Love your style!

    11 months ago

  5. Drew Wilson Drew Wilson

    thanks!

    11 months ago

  6. Jeremy Goldberg Jeremy Goldberg

    oh yeah! Looking good man.

    11 months ago

  7. Robert van Klinken Robert van Klinken

    Great article page dude!

    11 months ago

  8. Tomáš Svěrák Tomáš Svěrák

    That's pretty amazing but it has a low contrast on my laptop :)

    11 months ago

  9. Emanuel Serbanoiu Emanuel Serbanoiu

    Nice use of white space!

    11 months ago

  10. Garth Humbert Garth Humbert

    Didn't know what a Roon was so I looked it up. Which definition are you going with?
    1. nickname given to people acting silly, dorky
    2. common nick name for a stray dog
    3. "Random Outburst of Noise"
    4. A woman whose comments often verge on nerdiness

    ;)

    11 months ago

  11. Drew Wilson Drew Wilson

    @Garth Humbert hahahah! None of the above.

    Roon is an alternate spelling of Rune. Which means a letter in an alphabet. So the name is means that Roon is all about writing and words :)

    likes

    11 months ago

  12. Manu Gamero ☁ Manu Gamero ☁

    Man, you rock.

    11 months ago

  13. Sean Everett Sean Everett

    Dig the design. What are th mechanics for getting more eyeballs on my posts than quora, Tumblr, medium or subtle. I don't care about design as much as I care about reaching new people with my ideas. And nobody has solved that fundamental problem.

    likes

    11 months ago

  14. Nate Lassiter Nate Lassiter

    Very clean! Nice work @Drew Wilson Loving the emphasis on the photography. There doesn't always need to be type on top of it, right? :)

    11 months ago

  15. Daniel Jacob Archer Daniel Jacob Archer

    Love the design. Have you decided on pricing, invitations vs waiting-list? Can I get into Roon early since I'm coming to Valio Con? ;)

    11 months ago

  16. Drew Wilson Drew Wilson

    @Sean Everett I think that's not something that can be designed from the start (in this case). Hopefully a way to make Roon 'social' will appear as people start using it. Right now we want to focus on a terrific writing experience. I don't wanna do the normal following/followers social graph deal-e-o since i don't think that makes much sense for Roon.

    I think Subtle does a good job, but only because it's user base is so small. Its more of a magazine of sorts. Medium is cool, but i haven't met a soul yet who is lost beyond help when trying to browse that site. Ultra confusing in my (and tons of other people's) opinion. Our goal with Roon is not to make it a magazine, and definitely not to make it a mess of posts strung together (somehow) like Medium (though it looks pretty).

    Doing social stuff is hard, especially when you don't know your user base yet (i.e. you haven't launched yet). We hope Roon will catch on for the non-tech folk as well. So we'll need to look at how it's being used, and then design features that makes everyone's stuff discoverable inside the Roon platform. But we are purposefully putting that aside for now. In order to have a compelling product, we need to make the writing portion quick and easy.. that's what we're focusing on for now.

    likes

    11 months ago

  17. Al Haigh Al Haigh

    Feels a lot like www.medium.com, but I guess that can't be a bad thing.. Medium is awesome.

    11 months ago

  18. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    its really nice!

    11 months ago

  19. Zach McNair Zach McNair

    @Drew knowing that everything amazing can and will happen in development, currently, this comp feels a bit too much like www.medium.com and www.svbtle.com. that aside, i do love the design, and i like the idea behind the platform.

    11 months ago

  20. Drew Wilson Drew Wilson

    @Zach McNair I think both of those sites do a good job displaying content. So that's a good thing. Medium recently updated their design (few weeks back). Somehow it ended up looking super similar to what designed here back at the start of April. Just the way it goes I suppose.

    11 months ago

  21. Sean Everett Sean Everett

    @Drew Wilson Thanks for the well thought out reply. Agree that you should always focus on the Atom of your "game" first. Then build around it. If people don't like or use the atom, then the product isn't right.

    That said, it seems like when there's much competition, where all have the same atom, then maybe the only way to get people to switch is by extending the definition of what that atom is.

    Best of luck with the product. It looks beautiful!

    11 months ago

  22. Zach McNair Zach McNair

    @Drew absolutely understand. if i had a nickel for every time i designed something and then realized later that someone else released something similar... excited for the launch of this, man!

    11 months ago

  23. Wes O'Haire Wes O'Haire

    Liking this a lot

    11 months ago

  24. Alex Carpenter Alex Carpenter

    I really like the header interacts responsively in the latest screencast. Great job once again!

    11 months ago

  25. Flippo+Interactive Flippo+Interactive

    Signed up. Very dope. At what point did you start designing more in code? Would love to feature you on my new project. I'll email you details. Great work as usual man!

    10 months ago

keyboard shortcuts: previous shot next shot L or F like