The last few weeks of working on Skribit have been proved to be rewarding. It’s finally gotten to a point where it’s noticeable that we are making some progress with product development. This past Friday I pushed live the new redesign of Skribit.com. A few weeks ago we hired graphic designer Justin Ruckman to pump out some mockups for the next iteration of the Skribit website design. Justin was already quite familiar with Skribit — he was at the original Startup Weekend that spawned Skribit.
He drove down from North Carolina for an extended weekend stay and we turned my living room into a makeshift office.
So what got done that weekend? Justin started off by tweaking some of the colors in the Skribit logo to provide better contrast. Let it be known that the Recolor tool in Adobe Illustrator comes in handy when trying to adjust the colors of groups of linked objects together (Edit -> Edit Colors -> Recolor Artwork).
From there, Justin started with a blank Photoshop document and employed the 960 grid system. From that we began with logo placement and menu structure. We spent a while deconstructing the site’s current site map and reordering pages based on utility. For example, we decided that there should be a noticeable separation of pages related to the currently logged in user, compared to other pages not directly related to the user. This lead to a “Me” menu, making it easy to find links to things like account and profile settings.
Eventually, these mockups below were created and established a visual language that could be used to style any page, regardless of content.
The next few weeks were all about me applying the design of Justin’s mockups to the Skribit code-base. While the process was tedious — 96 commits, 216 modified files (6021 insertions, 2744 deletions) — it felt great being able to see Skribit grow up and become more like what we had originally envisioned. However, I wasn’t just doing a bunch of CSS and XHTML work. I made better use of tagging in this release. Blogs can now be tagged, in addition to groups and suggestions, making it easier to find related content that might interest you. Also, there are more pages that allow users to explore blogs, suggestions and groups on Skribit. Previously these things were scattered around the site and hard to find. The next step will be full-text search and we’re looking into Sphinx for that.
I also added sections for featured users, groups and blogs as selected by Skribit staff. From time to time we see some interesting uses of Skribit and we’ve always wanted a way to highlight those people. Now we have a way.
Calvin has spent a great deal of effort working with Amazon Flexible Payments System to help Skribit accept payments for paid Skribit Pro accounts.
Before pushing the new features and design live I went through an Internet Explorer debugging and testing session. Painful is the only way to describe it without using profanity. Needless to say, there are still a few Internet Explorer 6 and 7 issues running in the wild that will be fixed eventually.
This is more or less what you’ll see if you visit Skribit.com now:
The hardest part of pushing the new design and features live was deciding when to stop coding and just get it out there, instead of waiting for it to “be perfect.” This upcoming week will be filled with lots of tiny updates and fixes based on feedback received from Skribit users.
Other Skribit Happenings
Aside from the redesign, Skribit is now an entrant in the Georgia Research Alliance/Technology Association of Georgia Business Launch competition. The application needed an executive business summary and outline of the backgrounds of everyone involved with the company. The next big deliverable will be a complete business plan, which is a great thing to have on paper regardless of the outcome of the competition. In the next few weeks I will need to meet with some people with advertising and publishing backgrounds to help flesh out the details of our business model. The competition is limited to companies with less than $500k in funding, which makes Skribit look tiny in comparison, so I’m not getting my hopes up about the $100,000 cash prize.
Calvin and I have started getting hold of our “books” and will be receiving some QuickBooks 2009 training from a small business consultant. We also received our bank account checks and I wrote off a few to pay our outstanding bills for legal and business work. In addition we now have Skribit business debit and American Express charge cards that I’ll soon tie to our Amazon S3/CloudFront and 37signals Basecamp accounts to pay off monthly charges.
Thoughts? Thanks to the several Skribit suggestions that inspired this post about my recent Skribit status. So that’s what has been keeping me busy recently. I’m trying to find a way to get more energy after work to write more here instead of just going to sleep early. ;-D Ideas?
PaulStamatiou.com runs on the Thesis Theme for WordPress
Thesis is the search engine optimized WordPress theme of choice for serious online publishers. If you’re a blogger who doesn’t understand a lot of PHP, Thesis will give a ton of functionality without having to alter any code. For the advanced, Thesis has incredible customization possibilities via Thesis hooks.
With so many design options, you can use the template over and over and never have it look like the same site. The theme is robust and flexible enough not only to accommodate a site like PaulStamatiou.com, but also to enable the site to run far more efficiently than it ever has before.
Stumble This
{ 4 trackbacks }
{ 13 comments… read them below or add one }
I’ve mailed you my feedback yesterday, take it with grain of salt. I spent whole Sunday chained to my chair and internal workings of my own blog so got to Skribit hardly willing to figure out new design. :)
Good luck with business plan.
Yup I received it. Thanks for taking the time to give us your feedback. I’m backlogged on email now but I’ll go through it all in the next few days!
Looks really good Paul, great to see Skribit pushing forward. My only comment is regarding the homepage, there’s not really there that catches your eye, no real call to action that pops out.
One way around that would be promoting the tour a bit more on the homepage as it’s quite image heavy, it also explains to you what Skribit is all about in a really good way…
I’ve reinstalled Skribit on the-iBlog, I just wish people would use it ! Might have to do a post drawing more attention to the feature.
On the Tour page (bottom), there are 4 ‘features’, 3 in 1st column, 1 in the 2nd. It looks a bit weird to me that there aren’t two features per column.
If I try to login and enter wrong user/pass, I get an error message at the top with a big X on the right. That X doesn’t do anything when clicked. (Also remember me checkbox is misaligned in Safari 4, not sure about others)
Explore link in the top menu, doesn’t actually go anywhere. Just adds a hash-mark to the end of the URL in the address bar. Rather misleading since it looks much like Signup & Login (same hover states, etc.)
Over all, pretty slick and well done. Good job guys.
I love the new design! I am working with the 960 Grid system for my startup. Very clean and professional.
I’ve added Skribit to my blog and am rounding up some personal finance bloggers for a Skribit group. I’ll keep you posted if we stumble on any bugs. So far the site looks great.
Best of luck with the business plan and everything else! I’m rooting for you.
Congrats on all the forward progress. I look forward to implementing and using Skribit now as my time frees up.
Paul, might i suggest that you put a white box around the javascript suggest pop up. When you click suggest on a blog, the javascript pop up looks strange. The names and avatar on the bottom side looks strange on the transparent background. I think it would look better if that whole pop up was framed with a white box.
The new design is super clean and visually appealing! Kudos and keep up the hard work!
New design looks good. Sounds like a lot going happening code- and business-wise.
enough about all that, i want to know where you got that huge digital clock, its great
Background of the logo seems a little tiny bit off to me (FF 3.0.6).