Carsonified

Creativity with integrity

Subscribe
  1. FOWA Miami is live with a brand new design

    Update: The first lot of seats sold out in two hours. We will release 100 more at $200 on Friday Oct 3rd at 1pm Miami time.We’ve just launched FOWA Miami! Mike has been working hard on the new design and we think it’s absolutely gorgeous.

    We’re only releasing 100 conference passes at $100 ($395 normally). We’ll release more later, but they’ll be more expensive. The lineup is killer, so I hope you can join us:

    * Jason Fried of 37signals
    * Mike Arrington of TechCrunch
    * Joel Spolsky of Joel on Software and Fog Creek
    * Gary Vaynerchuk of Wine Library TV
    * 280 North makers of Cappuccino and 280 Slides
    * Cali Lewis of Geek Brief TV
    * Dion Almear of Ajaxian & Google
    * Freshbooks

    Here’s Mike on the design …

    The idea for FOWA 2009 was to make it beautiful and accessible. I tried my best to lay off the imagery in order to make the site faster, more accessible and easier to update. I’m pretty pleased with the result as I don’t think the design looks compromised. From a pure design point of view I’m really into the hand drawn thing at the moment. I love it… it just make a design so individual. It helps to create a story behind the canvas of the screen.

    We’ve really made a big effort to make this site accessible and easy to use with hand crafted semantic markup. We’re also sporting our new For a Better Web badge for the first time. This means we’ve done our best to make our sites as accessible and easy to use as possible.

    miami_2009_home.jpg

    Comments are closed

    Comments are currently closed on this entry.

    1. Michael Grinstead

      Gravatar icon

      #

      I like very much, loving that footer!! Congrats Mike.

    2. Richard

      Gravatar icon

      #

      Nice site, and loads a lot faster than previous FO* sites.

    3. Davide Di Cillo @ Fowatcher

      Gravatar icon

      #

      Congrats!

    4. Benjamin D.C.

      Gravatar icon

      #

      Pretty cool, while a bit “big” imho.

      On accessibility: consider using HTML images with a proper alt attribute instead of those tricky image replacement. For eample, try to view your page with CSS enabled and images disabled… ;)

      Good job overall, congrats!

    5. Ryan

      Gravatar icon

      #

      @Benjamin - Thanks for the heads up. We’re looking into it now.

    6. James Begera

      Gravatar icon

      #

      Fresh looking pixels.

    7. Matt Branthwaite

      Gravatar icon

      #

      Very bold design, absolutely love the colour pallette and the background texture.

      However, for me, the header gets abit tedious being sooo big - maybe you could make it smaller on the content pages so users dont have to continually scroll down to see the start of the actual page content - it’s not totally obvious that anything had actually changed when i clicked a different section

      might be worth sticking an accesskey=”c” on the “skip to content” button

    8. Matt Hamm

      Gravatar icon

      #

      Looks lovely! Loving the pinking shears effect, I’m using that ‘new trend’ in a design I’m half way through.

      Although the navigation is all messed up in ie6, are you choosing to to support it anymore?

    9. Matt Hamm

      Gravatar icon

      #

      I meant to say “are you choosing not to support ie6 anymore?”

    10. Harry

      Gravatar icon

      #

      Uh, just fyi, the top navigation doesn’t display properly in IE7.
      Love the desing of the site, the boldness of the text is great! Congrats!

    11. Mohamed

      Gravatar icon

      #

      Hope you get diggonation there ,
      and also hope to offer some help to outside us attendees
      Thanks

    12. Ryan

      Gravatar icon

      #

      Thanks everyone! We’re aware of the issues with the nav on IE7 and are working on it. Regarding IE6, we don’t support it.

    13. Josh Russell

      Gravatar icon

      #

    14. johnnyh

      Gravatar icon

      #

      I like the design but am not sure why it’s so big! It’s wider than my 1024 screen and also requires more scrolling to get to the contact. In my opinion neither of these things are positive to my experience. The design makes up for those short comings but my question would be “why” when it could have fitted within 1024 and it needn’t scroll quite so much. I’m not sure I see the reason for those decisions.

      Did you really sit down and say we want a site that makes the user scroll a lot and anyone with a resolution of 1024px width will have to live with a horizontal scroll bar. If so, what was the reasoning.

      I accept the IE6 position, based on your potential audience. Although I feel you may be wrong not to support a browser which is still used by a reasonable percentage of people (although as said not your audience so I can see the argument)!

      It’s another step forward on the other FO websites which is really positive. Nice to see things evolving.

    15. Mike Kus

      Gravatar icon

      #

      @michael Grinstead - thanks man - I’m liking the super big footer too - lots of fun :)

      @johnnyh it wasn’t a conscious decision to make it bigger than 1024 wide - it was supposed to be 1018 but there was a padding issue that pushed it over - we’ve corrected it now. Thanks for pointing it out though :)

    16. johnnyh

      Gravatar icon

      #

      hey Mike, that’s cool - I thought it was a new trend in website width I’d missed!

    17. Matt

      Gravatar icon

      #

      hey mike - you might want to reduce the width abit more to support 1024 screens - 1018 wide still gets the horizontal scroll bar which is ugly because of the 20px vertical sidebar on the side

    18. Ryan

      Gravatar icon

      #

      The site looks awesome. I love the big fonts and the hand drawn illustration style. Good work.

    19. Sam Marks

      Gravatar icon

      #

      Really impressive design, great colour pallete, cool useage of fonts. Top top stuff.

    20. Steed

      Gravatar icon

      #

      Good work. I love the grungey type face and the hand drawn graphics work well along side this. I may have been inspired to add in a little beach and sun seeing as it’s in MIAMI. Well done ;)

    21. f6

      Gravatar icon

      #

      The design is totally awesome!!! Good job!

    22. Snaipper

      Gravatar icon

      #

      Awesome design, especially because of adherance to new trends but i noticed that the ‘newsletter’ link on the navigation (header) misbehaves when i mouse over it, you might wana check it out.

      Overall, this is a great work.

    23. Barry

      Gravatar icon

      #

      I like it, very fun and I love the use of typography, texture and hand-drawn elements.

      My only criticism is how each section of the homepage has varying width columns. It might have looked more organised had the whole page been designed to a grid, but I guess you were going for a more organic design anyway.

Future of Web Apps: That’s right folks, we’re back in Miami. It’s gonna be bigger and better than ever. So don’t miss out! - Miami 22-24 February 2009 (more info)

Recent posts

Archives

Categories

Blogroll


© 2005 - 2009 Carsonified / RSS feed / Blog comments RSS feed

19c Charles Street, Bath, BA1 1HX, UK +44 1225 324 980

Carson Systems Ltd. T/A Carsonified. Registered in England. Company No. 5057020