Robin FrancisPremium Concept

Imagine Solutions - 1st Draft

By Robin Francis

   on Aug 07, 2010
7 Reviews0 Votes0 Favorites421 Views

Concept Reviews

  • Haider Ali

    Haider Ali

    Rank: 1 Elite

    CF Verified professional

    5574

    • Design: 2
    • Purpose: 2
    • Originality: 2
    • Engagement: 2
    4 Votes
    This review has been awarded.
    unique brand personality missing

    Posted on Aug 07, 2010 at 11:05 AM

    Hi Robin,

    I like the way you laid out everything, nice use of typography and visuals, however, I feel like something missing there that can stand out the Imagine Solutions as a unique provider. Some of my thoughts which might help you:

    • Starting from the logo I find that the visual of brain showing next to the logo text not coming out properly as the mechanical system showing at the place of mind not clear, I think try increasing the size of the logo or people face shape might work

    • Padding of the text within navigation button isn’t equal

    • People have habit of reading from the left to right so I think you can shuffle the button with the content

    • I have been seeing the designers using the images used for showing the business analysis, data management and web development for a long time and I think something unique photography needed here that can depict your business idea in a more strong way

      All above points can improve the aesthetic and usability of your home page; however, I still think there is room of to work to let the design state a different story of Imagine Solutions.

    Sharing some of link which I think might help you to take the inspiration and be on the top of where it deserve

    http://quodis.com/ http://www.bildmachtplus.de/ http://www.smashingmagazine.com/2010/07/05/showcase-of-web-design-in-poland/

    And finally a quick mock up without following any grid and I hope might help you to think on a different line (I have used a stock-photography to emphasize on the brand, however, you can try finding more unique or might create your own :) that will make you a unique provider, Also, I think rather then using the dummy content you should alwasy use the actuall content that can be relate and can be designed accordingly ).

    Hope this helps!

    Haider Ali

    • sample.jpg
    • Emma Simpson
      Emma Simpson commented:
      Posted: on Aug 08, 2010 at 7:04 PM

      I was about to review this but feel after this excellent review, I have nothing extra to say.

      This is an excellent mock up. The current concept is looking far too much like a template which makes it hard for a brand to stand out as an individual and to have a strong brand identity and original web presence. This mock up Haider totally solves all those issues and I feel like I'm looking at a unique company rather than an identikit one.

    • Nick Glavin
      Nick Glavin commented:
      Posted: on Aug 08, 2010 at 7:53 PM

      boo ya go go expert :D nice work ! Couldn't agree more with the use of images i could almost quote the istock call numbers for the images used there. If you changed nothing else to the site i would defiantly recommend chaning the images used in the original

      oh yeah nice review

  • Kuba Sto

    Kuba Sto

    Rank: 2 Titan

    414

    • Design: 3
    • Purpose: 5
    • Originality: 2
    • Engagement: 4
    1 Vote
    This review has been awarded.
    details

    Posted on Aug 07, 2010 at 8:26 AM

    I'm giving 5/5 for purpose, because it looks like you've achieved almost exactly what you need, but I see some weaker points of course:

    • The shadow isn't working for me, or in other words: it's working to much - it's getting more my attention that the box above.
    • Instead of "what we do" I'd write what you actually do. For example "We build apps". Or put there a catchphrase and write more below.
    • I'm not sure about the blue line near the menu buttons. Unless it isn't a corporate design policy to use such lines, I wouldn't use it, just stick the buttons to the banner.
    • Also, you could try changing the 3 images to not-boxes illustrations. The motives seems to be ok, but I think they would look cool if they were not rectangles or if elements of these images would stick out of the image's edges.

    Anyway, the most accurate word to describe your design seems to be "correct". Boringly correct :)

  • Kurt Farrar

    Kurt Farrar

    Rank: 2 Titan

    693

    • Design: 3
    • Purpose: 4
    • Originality: 2
    • Engagement: 3
    1 Vote
    This review has been awarded.
    Banding

    Posted on Aug 07, 2010 at 8:27 AM

    Hi Robin,

    Congrats on taking the first steps to setting up your own business.

    This isn't bad as a first draft, but I think it needs a lot of work doing to it before it's complete. Overall, I think the layout is fine, so I've put specific notes on the graphic.

    Hope this helps, good luck!

    • Kurt

    Notes Added to Images   View

    • Imagine.png
      • 1A little bland

        This graphic looks a little bland like you've put a placeholder here reminding yourself to put something there, then forgotten to do it. It seems as though it's intention is for someone to click it, but it doesn't inspire me to click it as it's presented as a graphic instead of a button.

      • 2Banding

        On a wide monitor these lines would likely not give a very nice effect. Consider containing the page somehow to the area that you're expecting to be viewed. Either cut them off in a box, or fade them out (outside the area that the design expects to be viewable).

      • 3Pick a different image

        I like and agree with what you're trying to convey here, but this particular image from iStockPhoto has been used far too many times on websites relating to process analysis. I'd personally find another image, though, that being said, just because I've seen it on a number of sites in the past, doesn't mean that your customer has.

      • 4Border your images

        The images at the moment look a little lost on the design, perhaps add a 4px white frame with a gray outline (this should be done in HTML to save on filesize in the image, and to allow flexibility to change it later).

      • 5Un-capitalise the 'M'

        The 'M' in Read More shouldn't be capitalised. How does this look without the bold and italics removed? I would normally use bold to emphasise something and italics to stress a word. These don't seem applicable here, if you want to draw more attention to these buttons, I'd change the font colour to black, possibly even on white background to match the 'Home' tab (for consistency).

      • 6Like the logo

        I like the logo, how does it look with a more subtle (or no) shadow on the inner workings on the mind?

    • Robin Francis
      Robin Francis commented:
      Posted: on Aug 07, 2010 at 8:46 AM

      Wow, great review - probabaly the best I've ever had on this site, thanks!

      I'll definately take into account what you have said. I'll be working on this over the next few days so I'll be posting a second draft pretty soon.

  • Noel Tock

    Noel Tock

    Rank: 1 Elite

    CF Verified professional

    4065

    • Design: 3
    • Purpose: 2
    • Originality: 2
    • Engagement: 3
    1 Vote
    This review has been awarded.
    Just that extra polishing...

    Posted on Aug 07, 2010 at 8:44 AM

    Hi Robin,

    Think you've got a pretty good layout going, the basics are more or less there, here is my opinion on what could benefit from a second look:

    1. Visual relevance - Lets say we took away the logo and a couple headers, would we still know what you do? from where you do it? what sort of fields you specialize in, etc.? I think the web dev image might be the only one. As such, try to replace stock images with existing portfolio items. You want to look like a real company that has offices as opposed to another "fraud" (not saying you're one, but there are sooo many out there).
    2. Include an address somewhere, google/bing, etc. won't record you on local directories/maps otherwise.
    3. Are the business areas you've listed also sorted by popularity? i.e. your tagline starts with web design but it's the last visual block below. What business is at your core? ... then bring it to the left.
    4. The "What we do" block seems long and doesn't particularly highlight anything, throw keywords in there, maybe even bring forth a tagline. Get personal and separate yourself from other providers with something unique.
    5. Footer is probably needed for your social media presence as well as a short contact me form.

    Best of luck with your new business :)

    Cheers

    Noel

  • Giancarlo Di Massa

    Giancarlo Di Massa

    Rank: 2 Titan

    116

    • Design: 4
    • Purpose: 2
    • Originality: 3
    • Engagement: 3
    0 Votes
    Contact information

    Posted on Aug 07, 2010 at 9:03 AM

    Make the contact information more clear.

    The page looks static, there isn't any dynamic content involved, make the space for the last article from the blog.

    Add social network buttons, a newsletter form.

    The color scheme is working, don't change it. The second imagery "data management" is not sufficiently meaningful.

    Make the "Get a quote" white ribbon a circular carousel.

    Make the three columns at the bottom a circular carousel.

    Have you considered adding a "live help" feature? A free goodies section? An RSS button that links to last articles from the blog?

    You should try changing the text within the three columns to look if it works when the height of the bodycopy is different.

    Have you considered the last trend, the webfonts? With http://www.fontsquirrel.com for example you could take the logo font and make it available for the dynamic headlines.

    Would you workflow benefit from having a reserved area for your customers to access and transfer files or documents? In that case, an access button will be needed.

    Did you test your scheme for color blindness? You could find you're ruling out an interesting part of your demographic target.

  • Jamal Jackson

    Jamal Jackson

    Rank: 1 Elite

    4959

    • Design: 2
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    0 Votes
    Has Potential

    Posted on Aug 07, 2010 at 9:25 AM

    Hi Robin. I'm not going to say that I like this design, but I will say that it could be good if pushed into the right direction. Would have added more but, the previous reviews say what i would. Just hope it helps, ^_^

    Notes Added to Images   View

    • Imagine.png
      • 1Bring this down to the end of your header

        Where it is now seems nice in theory, but it looks weird when applied. It seems odd being there when the area below your header is white and the hover state for your tabs is white. Also, tabs look better at the bottom of a section.

      • 2Consider what to put here

        I know this is only a first draft, but your footer needs more consideration in what you are putting in it. If you only plan on having two links and copyright info, then just keep the copyright info. Just move it to the center.

      • 3Cool Head

        Just a little side note.

      • 4Bring it in a bit

        The width of this passage seems rather much. I would suggest making it stop at the end of the contact us link in the above nav.

      • 5Lose the drop shadow

        I think it would look better as a normal button. Drop shadows are nice, but only in certain instances. If you want to keep the corperation of a drop shadow, then I would suggest making it a hover or active state.

  • Fenson Jeremy

    Fenson Jeremy

    Rank: 1 Elite

    375

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 3
    0 Votes
    On the right track...

    Posted on Aug 07, 2010 at 10:00 AM

    Overall I like the design - clean and simple. I have nothing against the drop shadow except I would make it lighter so as to not grab attention from the button.

    The blue bottom line of the navigation menus does make the layout look broken. I would put it right under the top gray box and use it as a separator between the gray and white box.

    Notes Added to Images   View

    • Imagine.png
      • 1Bring This Down.

        This line breaks the aesthetics of the design. Bring it down to the bottom of the header.

      • 2A Lighter Shadow

        Contrary to what others say, I like the drop shadow. Just make it lighter so that it doesn't pull too much attention from the button.

      • 3Slightly larger font size or shorter passage length

        The length is near perfect. For the web it's best to keep passage lengths to no more than 70-80 characters per line so that it doesn't disrupt readability.

      • 4Don't Do Bold and Italic at the same time

        In theory it's not recommended to use both bold and italic at the same time as they imply different causes. In your case I'd go for bold.