Category: Web Design

  • Ideas for nomad-one redesign.

    I’m starting to get carried away with look & feel design on the nomad-one redesign. This is even before my wire-framing is properly completed, but I just can’t help myself at the moment. I’ve just really enjoyed working on this design. There are a load of changes I want to make to my site, graphic design, functional, content and information architecture & usability, so it’s all over the place at the moment. This post lists a few of my thoughts, but I hope to get more ideas from you about what you think would make my space special. I’ve suggest how the best advice might be rewarded down at the end of this post.

    nomad-one-new2

    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?

  • Latest Work here at nomad-one.com

    The last few months have been really hectic for me as I posted here before with a few setbacks but I’m glad to say I’ve bounced back and things have returned to normal. I’ve completed a few nice little WordPress design projects all with their own interesting twists to them. I’m always amazed at just how many really great WordPress plugins exist to fill in the extra functionality needed.

    www.strictlyhalaal.com

    strictly-halaalc2a0c2a0live-the-lifestyle_1238479170803

    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:

    Next up is Learningcurve.co.za

    learning-curve_1238479659317

    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

    duo-marketingc2a0c2a0some-things-work-better-together_1238479702156

    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.

  • A sniff at a nomad-one redesign

    Being snowed under for way too long as meant that some of the initial elements I wanted to add to the previous re-design of this site were left out. To be honest the design hadn’t lived up to my expectations form the very begining and has some serious usability problems as well. Having lived with version 4 of nomad-one.com for some time now I think a re-design is definitely way overdue. After pondering over where to start for a while I made a few notes ad a few sketches and dove straight into some look & feel mocks in Photoshop. This time I’m planning to develop something which interprets the nomad concept alot more literally, hopefully with a bit of a digital feel in part.

    picture-3

    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.

  • Checkout the new WordPress Meetup site

    Heads up. Today is WPCPT3 at the Bandwidth Barn from 4pm – 7pm. We’ve just launched our new theme designed by yours(that’s me) truly and coded by Paul Weingartz who did a fantabulous job. Check us out at www.wordpress.org.za

    meetup-site

  • Recent Project – Praxia Technologies Branding & WP website

    greyA nice little Branding & Web design project I recently completed was for Praxia Technologies.

    Praxia Positions itself in the following manner.

    “Our mission is to help our clients realise the full potential of their network, communications and computer hardware and software.”

    Saeed of Praxia Technologies approached me, firstly to refresh his web presence and put something up there he could manage himself. This has become pretty much a standard request for web design projects as no-one wants to have to call up an html coder each time they want to update a page on their site.

    As usual I recommended WordPress, due to it’s quick and simple framework and user friendliness, especially for Praxia’s simple CMS(Content Management System) needs. I found a template which suited their requirements and went about giving it a complete facelift. Praxia’s logo also needed a change and I was happy to oblige as logo design is one of my favourite areas of focus.

    First Things first – Establish a new Brand

    We started off with the logo design so we could base the site’s look & feel on the Brand and create a nice consistent looking online presence.

    praxia-logo3 praxia-logo4

    After exploring various directions as I usually do with logo design projects the client was split between 2 logo options and we had some back & forth discussion on the pros and cons of each direction.

    cybersoftdrafts1.6

    We settled on the more practical option, the other being the 3 dimensional X element. The focus on the X stems from their original logo and was maintained to keep some kind of consistency going in the re-brand.

    cybersoftdrafts1.6

    Next comes the site in WordPress

    grey

    We decided to re-use the 3D X element with each component of the X representing a specific business unit as the client still liked the element and wanted to maintain it somehow.

    Because Praxia is an IT Tech company focusing every element of a clients IT Tech needs they wanted to go with something which links well with the technology they use. A few stages of design drafts and the client was pretty happy with the look though felt something was missing, and with the inclusion of the brushed metal background we’d settled on a design which the client was very excited about.

    draft2 draft4

    draft5

    To see the final coded result visit www.praxia.co.za. Let me know what you think.

  • nomad-one is being re-designed from scratch -what do you think?

    A while back I realised just changing a few colours and the mast image wasn’t enough for my blog anymore. So, I started working on a re-design of my site and made quite a few changes a short while ago. This has seen me through to the point I’m at right now, where I think a complete re-design from scratch is now necessary. { Latest Design at the end of this post }

    So where do I start with this re-design?

    I went right back to the beginning and asked myself a few important questions which would get me moving in the right direction before getting too bogged down with design.

    What is the most important aspect of my site?

    • Portfolio
    • Services
    • Call to action
    • Social Network Links

    What do I need to do different Graphically? How do I set myself apart, keeping with my own personality & style?

    • Colour & Texture
    • Graphically Rich
    • Typographic treatment

    How can I structure my site’s content more efficiently?

    • Tabbed Content
    • Highlighting Key site content in a hierarchical fashion
    • Creating Focal Points
    • More clear Divisions between content boxes
    • Creating Layers of interest

    Put together a list (using freemind to create a mindmap) covering everything currently on my site, and then adding those things I think are missing.

    nomad-one blog structure

    (more…)