Thank you very much for your feedback last time. I'm sorry it took a long time to put this together, and I'm happy to finally present to the community round 2 of the design concept for Travel SE.

The new design kept some elements from the previous version, but the overall identity is aimed towards a different direction. We have plans to promote the site in the future, so I feel a more unique branding is needed. With that in mind, I drew inspiration for the overall aesthetics of the site from timeless signage and modern travel app UIs.

Logo

I think we all liked the ubiquitous push pin in the last logo. I felt it needed to be more unique so it can stand on its own when used outside of the site on promotional materials. I wanted it to express the excitement and freedom when traveling. I went with the concept of using 3 overlapping pins. The tails point towards different directions. The final shape and colors exude playfulness and vibrancy.

Logo

I believe this logo works very well in other mediums:

Moderator card:

Moderator Card

T-Shirt

shirt

Stickers

Stickers

Towel!!!

towel

I thought you guys were kidding when you mentioned towel last time, but now I realize you were serious :) Note: this is a mockup of a towel, the actual towel we'll send out later for top user swag may look different.

Site Design

Please click on the images below to view in full resolution.

For the site design, many actionable UI elements draw inspiration from signage found in airports, bus and train stations. I wanted to keep the overall look and feel clean and simple. I kept the world map as the backdrop of the site, signifying international travel. I feel this dotted version of the map fits the other elements better.

Homepage

Question Page

The mockups above do not contain all the site elements, but they should give you a good idea of the overall look and feel of the site design. I look forward to your feedback. If there are no major design changes, I'd like to launch the site next week. Thank you so much for your patience!

share
8  
Thanks for the update Jin. I really like the new design. However, in the second screenshot, the color of the box around the user who has created the question does in my opinion not really fit to the other colors. –  RoflcoptrException Jan 11 '13 at 8:42
    
I love it...... –  MeNoTalk Jan 11 '13 at 11:17
    
@RoflcoptrException I'm not set on that one. I agree with you it's a bit off. I'll tweak the color when I convert the design to CSS. –  Jin Jan 11 '13 at 15:37
3  
It's looks like we have a travel-by-rocket-theme on our site –  VMAtm Jan 11 '13 at 19:07
3  
I don't understand the logo... It does not give a clue that this site is for travel. It looks like a rocket, and more appropriate to "Astronomy - Area 51 - Stack Exchange". –  Rudy Gunawan Jan 15 '13 at 3:49
1  
I like the logo a lot. The location markers combining into what indeed looks like a rocket sort of say SUPERtravel. –  MastaBaba Jan 16 '13 at 8:41
2  
Yay towel. Also, luggage tag please –  Kate Gregory Jan 16 '13 at 20:46

7 Answers 7

I'm not sure the pushpin logo is growing on me yet, to be honest. The more I look at it I see:

  • A cutesy rocketshop flying diagonally up and to the right:
    r1 r2 r3 r4 r5 r6 r7
  • A colourful jellyfish on a bit of an angle:
    j1 j2 j3 j4 j5 j6 j7
  • A sylized ghost or monster from an '80s videogame rotated 45º:
    g1 g2 g3

I don't like the T-shirt with the little logo right in the middle.

But I do quite like the towel for some reason! Maybe it reminds me just a little bit of the old Commodore Computers logo:

Commodore logo

share
    
Actually I didn't notice the subtle pixelly world map in the background of the T-shirt with my display's viewing angle. It looks much better when I see the map. But then the pushpin that's not a pushpin looks a bit odd stuck in the map )-: –  hippietrail Jan 12 '13 at 2:41

Personally, I don't understand the logo. It does not explain what this site for.

For the logo placement in the T-Shirt, the logo is blocking UK and France. Ideally, the logo should be put in the empty area ( in the ocean ). Alternatively you can move the world a bit to the right.

For the color and other aspect of the design, I don't have any comment - they are good.

share

Please avoid situations where a map of the world only shows the northern hemisphere, especially in the context of travel. If constrained by size I would recommend zooming out further and allowing the pattern to repeat horizontally. Besides being overly hyperboreanist it's not immediately obvious that it's a map of the world. I do like its style though!

share
    
(Sorry I meant this as a comment. Mods, please feel free to decide whether it works best as an answer or convert it to a comment.) –  hippietrail Jan 11 '13 at 8:38
    
I see Australia in the screenshots. –  gerrit Jan 11 '13 at 8:46
    
@gerrit: Yes just not the first one, though it's not clear whether that's supposed to represent a screenshot on any kind of device, or just a zoomed in shot of the logo with some background context. –  hippietrail Jan 11 '13 at 8:56
3  
that first one is just to show how the logo looks against the site background. It's not a screenshot of anything. I didn't want to zoom all the way out on the map, otherwise the dotted effect wouldn't show up as well. On the site's background I'm using the entire map. –  Jin Jan 11 '13 at 22:37

Overall, I like it. The logo is growing on me, although I do think it very unlikely that people will 'get' the symbolism of 3 push pins without it being explained to them. I think because the triangles aren't contiguous with the circle, so they're like separate objects - and almost appear as tails. In some ways I wonder if making them in the S,SE, and E directions wouldn't be cooler, as SE = stackexchange, but that's just me. I'm no designer.

I was wondering about the CSS options. Like the up-down vote buttons - whether they could be unique, like a plane-taking off or just different colored plane buttons:

enter image description here (Darwin Airport's twitter logo)

But again I'm just spouting here. If it's at all possible to change the CSS to have flag flair for users/countries, I think that'd be awesome.

I also liked the occasional little extra element in the previous design, like the plane flying around, or the passport stamp - but possibly that's in the elements you mentioned that may come later. The map could also be slightly brighter IMHO, I almost didn't notice it at first.

One thing I'd like on all SE sites is to make the FAQ more visible, or have it load the first time someone asks or answers a question. I might even suggest that on meta. The number of times I've had to write "welcome to SE, you're doing it wrong" (but more politely, of course)...and they just haven't seen the FAQ.

So anyway, colors = good, logo = growing on me, clean fresh image = great, looking forward to launch, and it would be great if blog.stackoverflow.com could perhaps mention our launch? :D

share
2  
I'm personally not in favour of using an airplane pictogram. An airplane is just one of many ways of transportation, and I don't like how dominant it is already. As we don't want to additionally include pictures of trains, buses, ferries, cars, etc., I'm quite for the current design approach being without any specific method of transportation. –  gerrit Jan 14 '13 at 13:17

I actually quite like this a lot. This design seems to have taken the feedback from the previous iteration on-board and has more rounded corners for UI elements, which gels nicely with the rounded push-pins. And i like the airmail envelope border too!

share

Am I the only one who keeps seeing a duck?

Don't get me wrong - it's neat, but its like that image of the old hag and the beautiful woman. When I look at different parts, I see:

  1. A duck or even a turkey (Head, Eye, and beak pointed backwards, the red is the gobble)
  2. A CD that is flying off into space (with the three trails of exhaust)
share
    
I totally see a bird. Could the pushpins all have their tails going the same place, instead of have the circle part overlap? –  Kate Gregory Jan 16 '13 at 20:38
    
Yep, totally reminds me of a turkey. –  Nate Eldredge Feb 17 '13 at 20:33

The red/orange links in posts (example) don't look too good to my eye. (Admittedly this may be due to my Wikipedia past; red implies the target is missing.)

Something closer to the main colour theme (blueish/greenish) might work better?

Sorry if this comes late. (The mockups didn't include any posts with links though!)

share

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .