New work: Tunelinks

Tunelinks is a start-up website that provides the streaming and downloading of music. It was up to me to create a brandmark to identify the venture, helping set it apart from the competition.

Tunelinks pen design

View the portfolio entry here: Tunelinks.

28 responses

  1. Your design process is very well structured. Structure and organization are key in creativity.

    The mind map or brainstorming in paper is something that I have started to use recently,and it has brought great benefits. It helps you conceptualize better and faster, and quickly visualize many ideas.

  2. And they say size doesn’t matter…

    I’m drooling over the custom slip-mats or the mock up of them. I would have loved to see some of your other options though as I’m always finding some other hidden gems in there – visual candy :)

    Goodness I like them big. I mean the images of course.

  3. You make me want a turntable again. Love the logo. Love the new site design too. The big pictures are great. I almost went wider in my recent redesign (work in progress) but was concerned about the smaller (old) images. I can see there really isn’t a way around this. Kudos for biting it and just switching to the bigger images.

    I also just noted a link to your book up top. I tweeted a min ago that I wouldn’t mind seeing something visual for it. The link is great, but a cover shot somewhere persistent somehow would be great IMHO. :)

    I still have a book review in the queue for LDL….

  4. Hi Daniel, glad you’re getting some use out of the mind-mapping process.

    I like them big, too, Ebi.

    Blaise, no need for strike-throughs when brainstorming/sketching. Every idea’s worthwhile.

    Doug, the “old” smaller images were a concern, but you’re right, there’s no way around it, other than to just bite the bullet. The benefit of the 2-column approach is that there’s not much of a right-hand border to show the unfilled space.

    Duane, cheers bud.

    If anyone sees a bug with the new layout, please let me know. I’ve been told the blog doesn’t work on an iPhone, but I don’t have one so can’t test. If you have time, help would be very much appreciated.

  5. I always love seeing the way you put together your mind maps and other brainstorming items. Your notebook seems compulsively well organized and I admire that.

  6. Nice work, David! As a music lover, and someone who has been around a lot of DJ’s, turntables and that general scene, I can say it is a perfect logo and fits really well.

    Have you ever used that Whitelines sketch paper? I’m trying it out at the moment and find it very handy like graph paper, but the grid lines disappear when you scan it, which is pretty cool. You get the benefits of the graph paper but without the interference of the dark lines.

    The larger images are much nicer indeed. Have you ever considered using something like FancyBox viewer? A handy WordPress plugin that could let your visitors view your images even larger again (a bit like the sleek apple image viewer on their website).

    P.S. I’ve tested your website on my iPhone and I can’t see anything wrong with it.

  7. Youssef, nice spot with the hanging quotations. That’s one thing that bugged me about my previous site version.

    Mark, I’ve not used Whitelines sketch paper. Sounds good, though. Thanks for the recommendation. When I was restricted to an image width of 460px (as before) I considered using a “click to view larger” approach, but didn’t like the idea of giving people yet another click. Good of you to test my site on your iPhone. I’ve just been using the iPhone Simulator from Apple, and it seems that whatever was wrong has been sorted out — well, except for the formatting of navigation links and meta data links (which are larger than I’d like — probably not a bad thing on the iPhone, though).

  8. I just got help from the good people at design studio biz-R regarding the iPhone issue.

    My stylesheet uses #wrap as the ID, but my header file showed #wrapper. No idea how I messed that one up. All good now, though. (Thanks Blair and Jamie!)

    I guess some iPhone browsers didn’t need it, whereas others did.

  9. I took a couple of photos of the Whitelines pad for my Posterous blog if you fancy a closer look. Amazon are getting it in stock soon, but Paper Nation have it in stock at the minute.

    It may have been a case of something just not loading properly (that initial issue reported). I wouldn’t worry if the site doesn’t look exactly the same on the iPhone because a lot of sites may look slightly different on the handheld screens. One issue I notice with websites on iPhone’s is that fonts can look different sizes.

    Have you considered using an iPhone plugin to render your site in a more usable format for iPhone visitors? I have tried this one before and makes the browsing experience far more pleasurable when reading a blog on your iPhone. In the end I reverted back to just letting people see my main website on the iPhone, but I still know that the blog is much better when viewed through a properly designed interface specifically aimed at iPhone users.

  10. David, an other quality addition to your portfolio here. Like I have said in the passed, I really like the way you have shown the logo in context. It is sometimes only when we see a logo in situe that we can really grasp the brand as it is intended by the designer.

  11. David, it’s perfect.
    The simplicity is stunning.
    I love how organized you are and how methodical.

    The blue is a exact shade of blue that gives it a modern, stylish but hip look.
    Fantastic again.


  12. I love to see the process, and especially the mind maps!

    A recommendation for those of us who scribble too little on paper is this clever, little program:

    Mindnode is basically a mind map-program, and it’s also possible to export the maps to PDF, so that one can use it in presentations etc, looks good to.

    Keep up the good work!

  13. I like the new blog layout’s spaciousness. (I kind of miss your old logo from a year or so ago though. It was more logo-y!)

    Small wish: I miss the page numbers at the bottom of the page. It was the only quicker access to old posts and I don’t see it anymore.

  14. I’m stoked to see a fellow designer share the process behind the final result. Too often designers focus solely on the end without taking the time and effort to establish a clear dialogue with a client and begin the oft-arduous process of design thinking to arrive at a solid solution.

    Very elegant execution, David.

  15. The Whitelines pad looks great, Mark. Thanks for the links. I’d not considered an iPhone plugin. Interesting how you gave it a shot, then reverted to without (I find myself doing that with quite a few of the WordPress plugins tested in the past).

    Doug, good to get your thoughts on my new blog design. Those page numbers you miss were never shown on individual post pages, and you’ll still find them at the foot of the home page or the category pages.

    Thanks for the additional comments, everyone.

  16. Regarding the blog redesign, the extra width means that the content is displayed under the sidebar on smaller screen in IE. Also, the ‘Comments’ text is on a white background and interferes with the post title in older versions of IE. I’ve got the same problems with my sites, but the problem only seems to be in the old IE. How come you decided to centre the title and top menu? I preferred the left alignment personally.

    I love the fact that you use a pen and paper. I do too but people look at me as if I’m some kind of luddite. Very interesting to see your notes too, thanks for sharing.

  17. Hello Richard, I’ve given up on older versions of IE, but following your comment I went ahead and removed the old IE6 CSS screen from my header file — should’ve done that already. That’s probably why you saw a centred title and top menu (at least I hope so). I checked my site in IE8 on Windows, and it looks fairly decent.

    Is there a particular tool or service you use to view different browsers and operating systems?

  18. Hi David – Whatever you’ve done, it’s worked! Everything was centred before which made it a little difficult to read, but it looks good now.

    I don’t use any particular tool but I use different computers (with my current work I’m using an old version of IE in the client’s office) so I always check on different browsers – mainly Firefox, Safari and IE.

  19. I gotta say I’m not the biggest fan of this, and I think that it comes down to the type and the logo not really matching. I feel the skewed and square shape of the logo is at odds with the straight and curved type. I also really don’t like the the amount of space between the logo and the type.

    Am I missing something here? Was there any rationale behind these choices? Sorry to be a downer, I generally like your work

  20. As a music lover myself, I have to say you did a great job on this one! Also love the new site design with my favorite part being the larger photos and the ‘in context’ photos. Using the logo in context is an excellent idea and puts everything into perspective. I now do the same thing for my clients as well.

  21. David,

    I just stumbled upon your website when I googled “good logo design.” I am just starting out in design and like to study other works that I think are really great. Your work is clean and crisp. Thanks for posting the design processes!!! It’s incredibly helpful to us who are learning :)

Leave a Reply

Your email address will not be published. Required fields are marked *