Having designed the Jayz Corporate Identity a while back, and then styling his previous site, it was a welcome experience taking it another step further with this latest re-brand. This re-design focused much more on personal branding, something which I think I need to pay a little more attention to myself, but which Jayz does really well.

So what do you think of the Jayz new look?

Information Design to make your mouth Water

This is a masterpiece of information design

The Web Trend Map is a yearly publication by Information Architects Inc. (iA). It maps the 333 leading Web domains and the 111 most influential Internet people onto the Tokyo Metro map.

I can’t wait for this to be finalized so I can get hold of a printed copy for my office.

What the Map really means.

According to the creator’s of this map of juicy web goodness, countless hours of research was undertaken to assess to most effective, profitable and traffic generating websites and web gurus to put together a resource which is filled with the web’s most influential spaces and faces.

These web trends have been intelligently super-imposed over a map of the Tokyo Metro System, aligning those web venues which have similar characteristics to the actually Tokyo Metro spaces they virtually occupy. For example:

Google is placed in the busiest, most highly trafficked train station in the world: Shinjuku.

The width of an entities station represents it’s stability in the web space.

Trend Lines/Genres

Metro lines were established to group similar web entities. Upon investigation you’ll quickly realise what a mammoth task of information architecture this must have been. Further more, characteristics like the height of specific stations on the Virtual Map, represent the web entities success in terms of both traffic & revenue, which explains of course why Google towers above the rest. The use of various coloured lines and the position of certain stations at intersections of 1, 2 or 3 lines expresses which trend lines specific web entities actually cross or overlap.

Just a quick glance across the Trend Map reveals a wealth of information and insight into the current shape of the web sphere. I can see this map being presented in thousands of boardrooms and strategic sessions world-wide. It’s got that buzz appeal which the Orielly Web 2.0 Tag Cloud held at the beginning of the entrance of Web 2.0 into the mainstream. The many so called “social media gurus” out there are gonna eat this one up for breakfast lunch & supper.

This is very much still a work of art and feedback is being taken currently to make it as accurate, error free and apt as it can possibly be.

I’ve spent only a few minutes glancing at this web wonder and have already foreseen endless hours of my future dissappear in the journey this one is about to open for me. I’ll stop myself from using the cliche’s of beautiful, stunning, elegant to describe this one, even though these and more over used adjectives definitely apply in this case.

Look & Feel

I suppose explaining where I’m going with this desert scene might help for starters. The nomad concept has been with me for some time, though not in this form. As you may know, I’m no city slicker. I’m also very much set on remaining as independent as possible, something the Bedouin values extremely highly. I’m a traveler at heart. So this is partly where the desert scene comes in.

Saving Space with some Ajax/Design Patterns

Regarding the layout and general interface, there’s a few space saving design patterns I want to build into the homepage, which include using some jquery tabs, a slider and an accordion to fit everything into a smaller space. My current design is way too long and lacks a few features above the fold. I don’t want to loose anything but feel I need to tuck lots of excess away in a more logical manner.

Integrating Social

I definitely need to integrate my social links into the interface much higher up the page, as well as include a twitter feed, what would we do without twitter. I like the idea of a user generated feed or post wall but am uncertain how this might impact the space on the homepage.

Showing my Portfolio work

Something I have failed hopelessly at s keeping an up to date portfolio area. I don;t even have a latest work feature on my current site so this is a must have i think. Of course it needs to be coded in such a way that it’s easy to maintain as well me always being pressed for time.

Quick Contact & Chat widget

I’d also like to include a few quick ways of getting in touch, like a mini form as well as skype me & gtalk widgets which allow people to chat with me directly when I’m online, which is like all the time.

My Blog area will remain pretty much the same in terms of it’s location and general functionality, but of course in needs some space saving neatening up. I also need to get a featured post sorted. I’ve been toying with the idea of having 3 main areas of featured posts, and running titles of these in the header area somewhere but haven’t fully embraced this idea yet.

Menu with Subtext

I really love the idea of menu links with sub text explaining the links in more detail so these are almost definitley going to be part of my next menu. I also need to rework the way I display my pages, what stays, what goes and what needs to be added. Lots of information-architecture work lies ahead, and the dreaded writing!

Header Message

My header will have to have a brief explanation of where you are and who i am, some kind of elevator pitch style slogan. I’m considering having a few messages, one for first timers and a few others for returning visitors. I like the way yoast.com addresses the visitor based on where they have come from.

What do you think? Want to earn your own design/redesign?

I’m thinking of turning this into some kind of competition, asking for feedback and awarding the best advice a design of their own. What you you think? Would you be interested in participating in something like that?

www.strictlyhalaal.com

The first of them, a site which hasn’t launched yet but is pretty much completed is www.strictlyhalaal.com, which serves as a listing/directory site for “halaal” certified businesses.

Strictlyhalaal.com uses a few great free plugins:

• GD Star Rating allows for users to give each listing a rating.
• Collapsing Categories Plugin created that cool expandable category list on the homepage
• Ad Minister allows you to created widgetized ad spaces to add dynamic ads or content

Next up is Learningcurve.co.za

Learning Curve is a dedicated education technology supplier, representing premium brands such as Adobe, Apple, Dell, Autodesk and Toonboom. This was the first time I have setup an e-commerce website using WordPress and proved to be quite a challenge to begin with but also turned out to be a really valuable learning experience, no pun intended.

To power the e-commerce side fo things I used the wp-ecommerce plugin, which is a really powerful yet free plugin system allowing you to turn your WordPress site into an online store in a few clicks. Customizing the online store’s appearance was a bit of a mission for starters but it’s worth learning the ins & outs of this plugin, developed by the boys at www.instinct.co.nz.

I can’t unfortunately divulge the sales figures for the first 2 months, but lets just say I was more than pleasantly surprised. It’s great to see your work directly benefiting your client’s bottom line, especially immediately after it’s implementation.

Last but not least is Duomarketing.co.za

This is the first time I make use of a Woo Theme to develop a client site. I’m very impressed with what the guys at WooThemes are up to, and even more so when I took a little lookie under the hood of one of their themes. The theme options part is really well done, some of the code still boggles my mind a bit, but it allows the user to easily switch stylesheets for a change of colour and style.

The widgetized areas on the homepage works out quite well also allowing you to add pages into certain block of the homepage layout. The cost of the premium theme definitely adds value to the mix as it allows the client to aquire some really great features for a fraction of the cost of cutom development.

I’m still at wireframe stage but would appreciate some feedback from anyone out there with regards to the little mockup above and also how you think I should improve on my site based on the current design & layout.

So I need to know about:

Colour, Graphic Elements, Layout, Usability, Readability, Functionality and last but not least, Content, the area I think probably needs to most focus.