HOME | DD

logiqdesign — Logiq 2k11

Published: 2011-01-12 04:44:33 +0000 UTC; Views: 4723; Favourites: 54; Downloads: 189
Redirect to original
Description UPDATED:
--------------------
Arial has been almost completely removed from the design and site, save the for very top nav buttons, as of now. I hope this helps the overall appeal and aesthetics.

Also I have fixed the cut-off issue for wider monitor resolutions, and have adjusted the background to fade out.

Lastly, as a note, the 'Creative Process' section shown with white background and blue header is basically in hovered or :hover state. When any box on the page is hovered in a similar fashion the design changes to this style for that box.

Thanks again.

-----------------------

Several months in the making, a complete reboot of Logiq's web presence.

The homepage alone is live and running, and this is a direct screen-capture, rather than a design saved from photoshop.

[link]


Inspired primarily by designers I've worked with personally in the past.
---------------------
Credits for Inspiration:
(Prepare for a wall of text)


1) Damian Madray a.k.a 'Depthskins' of 'The Madray' : formerly Depthskins Design Studio LLC ([link] - [link] ). Damian has been a mentor and partner/colleague of mine who I consider to be one of the most talented up and coming design professionals to watch. His talent is remarkable, and his professionalism something I try to emulate. But most noteworthy and perhaps unique is his attention to pixel-perfect detail. In this homepage design I tried to examine every pixel, negative-space OR content, to ensure it would fit in with the overall design pattern, and also served a purpose.

2) Ryan Ford a.k.a. liquisoft. ([link] [link] !/TheRyanFord ). Ryan is someone I consider to be a friend, yet we have only corresponded through Twitter and dA. As I was learning the intricacies of branding and UI design, he made a very positive impact on me.

After leaving my first design job at a highly prominent and successful studio, I started to create my own vision. In one experiment I created my Thinktank logo, which has seen considerable recognition on both DA and logopond, at least by my standards.

During this time, Ryan and I were corresponding.He sent me a message while we were going back and forth which really elevated my thinking and approach. I hope he doesn't get pissed, but here is a direct quote from his message to me:

"The result of your enlargement is that I can see a lot of poor line quality in the design that wasn't previously apparent. There are hard lines which previously looked smoothly curved, and in general the craftsmanship of the logo now looks very poor.

To fit with our manifesto for the #goodlogo group, I have removed the logo from our gallery. However, I would be glad to add it back in after you've cleaned up all of the line work. This is nothing personal at all. Like you know, we only aim to have good logos in our gallery which meet a certain criteria, one of which is high craftsmanship. I love the idea behind the logo, but after seeing it larger I do not think the line work exhibits the type of high-quality we're trying to have in our gallery.

Let me know if you decide to touch the logo up or do a bit more detail work to clean it up, at which point I'll take another look at it and add it back in if appropriate."

This came at exactly the perfect time, and in exactly the right way for me. It was the perfect reminder for me that as much as I thought I knew about design and branding and creativity, there was a whole other world filled with greater talent than I had ever experienced. This world was the world of true designers, like Ryan and others, who value the creativity of an idea, but still be critical of the execution.

In this design I have worked to (as Ryan often proposes) adequately describe the service/product in question, without TOO much b.s.

In addition to including a little bit of eye-candy.


3) Gary Steffins ([link] [link] )

Gary worked as my first real superior and boss at a design studio. His critique, and the lessons passed on to me about business in general, as well as to creativity and the process, have been instrumental in shaping my design philosophy.

-----
Non-personal inspiration:

The shape of the content body was inspired by Guerra Creativa, DeepBlue.com, and several other works.

------
Thanks in advance for any critique, comments, or +favs. It means a great deal, and I'll try to reply to each and every response.
Related content
Comments: 23

dsquaredgfx [2011-06-14 18:39:21 +0000 UTC]

great design

👍: 0 ⏩: 0

DKProject [2011-01-26 11:45:19 +0000 UTC]

Amazing !

👍: 0 ⏩: 0

jotapehq [2011-01-14 22:03:34 +0000 UTC]

👍: 0 ⏩: 0

logiqdesign [2011-01-14 19:22:14 +0000 UTC]

Thanks so much for the reminder about larger resolutions mate. Changes will be made today to ensure there's no longer a cutoff and white background extending on wide screens.

Thanks again, super helpful!

👍: 0 ⏩: 1

EnzuDes1gn In reply to logiqdesign [2011-01-15 12:05:34 +0000 UTC]

your welcome

👍: 0 ⏩: 0

EnzuDes1gn [2011-01-14 02:04:51 +0000 UTC]

I feel the top background graphic ( shown behind the light globe. ) needs to fade out more gradually on the left side, as it right now just looks chopped off on that side, and gives the overall design a cheaper rushed look

Also I noticed you haven't made your main background graphics viewable on all resolutions ( mine is 2560 by 1600 ) , and thus I have to see white after where your background ends - [link]

Other than those few little oversights it is still a visually enjoyable piece which is fairly user friendly for the end user

all the best.

👍: 0 ⏩: 1

logiqdesign In reply to EnzuDes1gn [2011-01-14 19:22:35 +0000 UTC]

Cheers ^^. Completely forgot about this aspect lol. Fix incoming.

👍: 0 ⏩: 0

eLdIn94 [2011-01-13 21:59:58 +0000 UTC]

you're welcome...

Also,try this with those big images, that helps a lot:

[link]

👍: 0 ⏩: 1

logiqdesign In reply to eLdIn94 [2011-01-14 00:53:47 +0000 UTC]

Ah that's actually a nice and useful web app to add to my library. Even though it only saved me a net of .01% on my largest images, on some of the others it saved up to 11-14% I think. Which adds up in such a graphic based design.

Cheers!

👍: 0 ⏩: 0

eLdIn94 [2011-01-13 18:51:41 +0000 UTC]

Looks really nice but it takes a lot of time to load all of those images.

👍: 0 ⏩: 1

logiqdesign In reply to eLdIn94 [2011-01-13 21:03:15 +0000 UTC]

This is a good point, and something I originally wrestled with.

Throughout the process of creating this design I had a specific vision, and I usually tone things down a bit in order to preserve cross-browser compatibility and keep load times relatively low. However in this case I decided to make an exception. It is one of my firm beliefs that a design studio should have a great looking design. I'm willing to sacrifice a couple seconds of loading in order to preserve what I believe to be a much greater aesthetic appeal than would be possible with smaller, less, or lower quality images.

It really comes down to a matter of balance, and if it does in fact detract too much from the experience due to the wait, changes need to be made.

Regardless, thank you for checking it out and pointing this slight problem out to me.

Since reading this, I have decided to implement some compression and most likely will lazy load everything below the fold in order to decrease net loading time. So thank you, your comment has made a difference in a positive way.

Cheers

👍: 0 ⏩: 0

tryingtobeanangel [2011-01-13 18:13:11 +0000 UTC]

awesome my friend

👍: 0 ⏩: 0

monarxy [2011-01-13 01:03:53 +0000 UTC]

cool layout

👍: 0 ⏩: 1

logiqdesign In reply to monarxy [2011-01-13 20:58:37 +0000 UTC]

Thank you.

👍: 0 ⏩: 0

w3nky [2011-01-12 17:56:58 +0000 UTC]

very nice

👍: 0 ⏩: 1

logiqdesign In reply to w3nky [2011-01-13 20:58:26 +0000 UTC]

hehe thanks.

👍: 0 ⏩: 0

WuHaDesign [2011-01-12 17:43:46 +0000 UTC]

Really nice

👍: 0 ⏩: 1

logiqdesign In reply to WuHaDesign [2011-01-13 20:58:19 +0000 UTC]

Thank you very much.

👍: 0 ⏩: 0

blottah [2011-01-12 10:27:02 +0000 UTC]

nicee love it from the smallest detail

👍: 0 ⏩: 1

logiqdesign In reply to blottah [2011-01-13 20:58:10 +0000 UTC]

Thanks

👍: 0 ⏩: 0

TheRyanFord [2011-01-12 05:36:21 +0000 UTC]

I'm so glad I've served as inspiration for you in your work, and I'm humbled that you would see fit to mention me in your work. I'm also happy you've been appreciate of my criticisms, unlike so many others who take offense.

That said, I have one suggestion for you: don't use Arial in your design. It speaks negatively about your work to the keenest of eyes. No top-notch designer will look beyond your poor font choice, and will end up missing so much of the detail you've put into this design. If you like the simple qualities of Arial, you ought to try out Helvetica. After all, Arial is a bad clone of Helvetica (it's true). If you want to be a bit more interesting, check out Akzidenz Grotesk (I think I spelled it right) or even Interstate. They're not free, but then again few good fonts are.

👍: 0 ⏩: 1

logiqdesign In reply to TheRyanFord [2011-01-12 16:33:17 +0000 UTC]

An excellent point and one well taken. Thanks for checking out the design and pointing out a huge oversight, which really does, after trying Helvetica, make a very significant difference in the overall aesthetic appeal. Change will be live in the next few hours.

Thanks again Ryan.

👍: 0 ⏩: 1

TheRyanFord In reply to logiqdesign [2011-01-12 17:42:32 +0000 UTC]

👍: 0 ⏩: 0