web 2.0

Monday, April 26, 2010

1stwebdesigner

1stwebdesigner


Forget About Classics: 75 Crazy And Creative Textured Websites

Posted: 26 Apr 2010 02:00 PM PDT

Preview-looking-textured-websitesTextures are great way to highlight your website, give it an unique look and stand out from crowd offering something people have never seen and known is possible to do. With new browser and coding features you can design almost everything and make it web-safe. And I prefer textured websites much more than outworn web 2.0 style which is so 2008, subtle gradients tied with new technologies and possibilities are very popular in our days.

That's why I gathered many excellent examples with highly detailed websites using textures as one of the most important design elements.

1. Texture Lovers

Texture-lovers-good-looking-textured-websites

2. FlipRate

Flip-rate-good-looking-textured-websites

3. Logo Designs Studio

Logo-designs-studio-good-looking-textured-websites

4. Stock de Rock

Stock-de-rock-good-looking-textured-websites

5. SL Constania

Sports-loisirs-constania-good-looking-textured-websites

6. Real-Visuals

Real-visuals-good-looking-textured-websites

7. Inter Expresso

Inter-expresso-good-looking-textured-websites

8. Landing Pad

Landing-pad-good-looking-textured-websites

9. Fundo Los Paltos

Fundo-los-paltos-good-looking-textured-websites

10. Flipp

Flipp-good-looking-textured-websites

11. Creative Soapbox

Creative-soapbox-looking-textured-websites

12. Marcs Design

Marcs-design-looking-textured-websites

13. All For Design

All-for-design-looking-textured-websites

14. Magento Expert

Magento-expert-looking-textured-websites

15. Bertu's Gym

Bertus-gym-looking-textured-websites

16. RRG GRoup

Rrg-group-looking-textured-websites

17. Przeznaczenie

Przeznaczenie-looking-textured-websites

18. Icebolt

Ice-bolt-looking-textured-websites

19. Matt Brown's Portfolio

Matt-brown-portfolio-looking-textured-websites

20. Delia Explorers

Delia-explorers-looking-textured-websites

21. Ravintola Kallio

Ravintola-kallio-looking-textured-websites

22. Sick Designer

Sick-designer-looking-textured-websites

23. The Walk to Washington

The-walk-to-washington-looking-textured-websites

24.Mirieldesign

Miriel-design-looking-textured-websites

25. FTDesigner

Ft-designer-looking-textured-websites

26. Vael Project

Vael-project-looking-textured-websites

27. MacMahone

Mac-mahone-looking-textured-websites

28. CopperBasin

Copper-basin-looking-textured-websites

29. Harmony Republic

Harmony-republic-looking-textured-websites

30. CSS Depot

Css-depot-looking-textured-websites

31. Lather Bee Rich

Lather-bee-rich-looking-textured-websites

32. Rekiabilly

Rekiabilly-looking-textured-websites

33. Plank Design

Plank-design-looking-textured-websites

34. Zac Brown Band

Zac-brown-band-looking-textured-websites

35. Carol Rivello

Carol-rivello-looking-textured-websites

36. Blue Collar Agency

Blue-collar-agency-looking-textured-websites

37. The Croquis

The-croquis-looking-textured-websites

38. Vegas Uncorked

Vegas-uncorked-looking-textured-websites

39. Chris Kaufman

Christopher-kaufman-looking-textured-websites

40. Aussie BBQ

Aussie-bbq-looking-textured-websites

41. Istok Pavlovic

Istok-pavlovic-looking-textured-websites

42. Ploc

Ploc-media-looking-textured-websites

43. Corking Design

Corking-design-looking-textured-websites

44. Michael Dick Portfolio

Michael-dick-portfolio-looking-textured-websites

45. Slavik Dizajn

Slavik-dizajn-looking-textured-websites

46. Robocat

Robocat-looking-textured-websites

47. Burdette Networks

Burdette-networks-looking-textured-websites

48. Spread Television

Spread-television-looking-textured-websites

49. Sky's Guide Service

Skys-guide-service-looking-textured-websites

50. Slurpy Studios

Slurpy-studios-looking-textured-websites

51. Dog House Cards

Dog-house-cards-looking-textured-websites

52. Arnbacktraining

Arnbacktraining-looking-textured-websites

53. Notorious Design

Notorious-design-looking-textured-websites

54. We Love WP

We-love-wordpress-looking-textured-websites

55. Nuances Communication

Nuances-communication-looking-textured-websites

56. Atom Bicycles

Atom-bicycles-looking-textured-websites

57. James Childers Portfolio

James-childers-portfolio-looking-textured-websites

58. Imatt

Imatt-looking-textured-websites

59. Anthony Fonte Portfolio

Anthony-fonte-portfolio-looking-textured-websites

60. One Twenty Seven

One-twenty-seven-looking-textured-websites

61. AJ Groups

Aj-groups-international-looking-textured-websites

62. Chapel

Chapel-looking-textured-websites

63. Tapparatus

Tapparatus-looking-textured-websites

64. TJ To Do

Tj-todo-international-looking-textured-websites

65. Voices of Haiti

Voices-of-haiti-looking-textured-websites

66. Blend Interactive

Blend-interactive-looking-textured-websites

67. Booyant

Booyant-looking-textured-websites

68. Thomas Tate Portfolio

Thomas-tate-portfolio-rethinking-code-looking-textured-websites

69. Padizine

Padizine-looking-textured-websites

70. Joe Godbee

Joe-godbee-looking-textured-websites

71. Only Two Designers

Only-two-designers-looking-textured-websites

72. Circa, The Prince

Circa-the-prince-looking-textured-websites

73. Modstudio

Modstudio-looking-textured-websites

74. Cullpa

Cullpa-looking-textured-websites

75. PominPerth

Pominperth-looking-textured-websites

Client Handling:Finding your Client’s Pain Points

Posted: 26 Apr 2010 03:00 AM PDT

In my years of dealing with a variety of different clients, I have noticed one curious trend. It is amazing how many other Web designers have left a bad taste in people’s mouths from previous experiences they’ve had. I think this boils down to two things: lack of experience and lack of awareness.

I want to cover the second point today. As a Web designer/developer, you have an amazing opportunity to shape your clients’ perceptions of what the Internet and online technology can do for them and their business. Your actions will largely determine how successful your existing clients are and who your next client will be. How you go about this can take a variety of forms, but as many a marketing expert will tell you, one very effective way of growing your business is identify your customers’ pain points.

Recognizing pain

Photo by Tomasz Kobosz

Every customer is going to have one or more frustrations related to their business or their Web site. You need to learn how to read between the lines and listen past the immediate requests of your client. The goal is to keep reinforcing the idea that you understand what they really need and can articulate it better than they can.

Many business owners are intimidated by technology. There’s an obvious pain point: “Help, I don’t understand how this stuff works!” Therefore, the more you can educate your client, translate computer/Internet jargon into plain everyday speech, and empower your client to learn more about good Web practices and the benefits of regular updates (news, product updates, blogging, social media, etc.), the more you will be seen as a vital business partner.

Learn to recognize pain points by asking the right questions and listening to the answers. You can ask about your client’s goals and vision. You can ask about who they want to target to grow their business. You can ask what motivates them and what doesn’t. For those with existing Web sites, you can ask what features they get requests for often, or which off-the-wall things they might wish they could do. The goal isn’t necessarily to implement their requests verbatim, but to get an idea of where to focus your invention and ingenuity.

Eliminating pain

Photo by Ali Farid

For example, suppose you’re working on a niche community site for a client, and they ask how you can allow members to embed videos on their profile page. You know the client doesn’t have the funds to pay for a video streaming solution like Brightcove, so you suggest simply allowing users to post videos from YouTube. They say “great, make it so” and agree to a bit more cash to pay for your implementation. Now you have three options at this point:

  1. Create a free-form HTML box and allow people to paste in YouTube’s code for embedding videos. Simple for you to implement but rather confusing for many users. Hardly a great experience and it only creates another pain point.
  2. Find a prefab JavaScript widget that can automatically suck in videos from a user’s YouTube account. A little bit better, but remember, your client wants community members to embed videos that are relevant to the topic of the site. Besides, you don’t want to blindly copy someone else’s UI. This is an experience that YOU are creating for your client and their audience.
  3. Develop a solution where a user can copy a YouTube video URL into a field and you’ll generate the embed code automatically. Make it better by allowing users to add and delete specific videos from their profile. And, while you’re at it, let users provide a username, then show a list of recent videos from their account and allow them to choose a video to embed. Top it off by adding support for the popular alternative video service Vimeo as well. You or a developer can program this by using the publicly available APIs that YouTube and Vimeo provide.

I chose the third option for a real project I worked on last year, and my client was thrilled with the outcome. Remember, their pain point was “how do I support videos on my site? I don’t want it to cost lots of money!” By creating a transparent, straightforward process whereby social media videos could be added and displayed in the context of the site’s personalized UI, I reinforced the idea that I understand needs, know how to solve problems, and make cool things that work right.

Don’t be afraid of pain

Photo by Jamie Brelsford

It’s easy to find articles circulating like “How to avoid bad clients” or “Freelance clients that suck”. While it’s true that some clients are more trouble than they’re worth, and it’s a good idea to keep an eye out for potential money/time drains, I think it’s wrong to have the attitude that clients are generally a bother who need to be contained.

Don’t be afraid of your clients’ pain. When they seem to be making unreasonable requests or are exasperating you with their endless questions or concerns, remember, YOU are the professional. You weren’t hired to be a hot-shot, you were hired to solve problems.

Find out what the client really needs. Dig a little deeper. Perhaps those endless requests to tweak a certain HTML form is stemming from them not really knowing what info is most important to capture. Take a step back and help them determine what the particular business need really requires, then implement the form accordingly.

Or maybe you find yourself going back and forth on the colors of the header for a site. Stop and think: did you talk to the client originally about what colors they like or don’t like? If your client hates sky blue, no amount of convincing on your part will make them love your sky blue background image. After all, if you think you should have the ultimate say on what looks good, then go join an art gallery. Fact is, you’re a designer for hire. Your client’s happiness is ultimately all that matters.

Become the Expert that Everyone Wants

Photo by Asif Akbar

Imagine a business owner you’ve worked with telling their friends: “you’ve got to talk to my Web designer — s/he is so easy to work with and always knows how to make things work better and fix problems that come up. I used to be confused by all this Web stuff, but s/he made it simple for me!”

A client will of course be happy with the good-looking design you create or the nifty feature you implement, but the truth is they’ll be most happy with your professionalism. Stay on track, ask lots of questions, go the extra mile, and eliminate their pain points. It may seem like a lot of effort to jump through every hoop that arises, but when you go above and beyond the call of duty, you cement your reputation as a can-do key player in the Web design business. In the end, it will definitely pay off!

What do you think? I’d love to hear your feedback below.

Thumbnail photo by Derek Kimball

0 comments:

Post a Comment

Apture