Design Revolution
72.3K views | +0 today
Follow
Design Revolution
Design Is Revolutionary
Your new post is loading...
Scooped by Martin (Marty) Smith
Scoop.it!

How To Buy Web Design via @HaikuDeck

How To Buy Web Design via @HaikuDeck | Design Revolution | Scoop.it
After almost 14 years an Internet marketer and the last two as Marketing Director for Raleigh's largest web and software design agency I know people need HELP buying web design.
more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Clean, Surprise, Humor, JOY = Future of Web Design

Clean, Surprise, Humor, JOY = Future of Web Design | Design Revolution | Scoop.it

Great post from The Guardian on creating clean well lighted websites. My favorite? Discussion on how important surprise is to What's Next. 

We've become both cynical and searchers. As incompatible as cynical searchers sounds it is our natural state. We have a tough hide created by more push advertising than the next generation will need to put up with the loss of a very important idea - 

We are not human beings having a spiritual experience; we are spiritual beings having a human experience. 

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Best Responsive Ecommerce WordPress Themes

Best Responsive Ecommerce WordPress Themes | Design Revolution | Scoop.it

My favs: Clean Sale (pictured here), Retail Therapy and Kiosk. What are your favorites? 

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Hot Web Design Trends for 2014 | Script Tutorials

Hot Web Design Trends for 2014 | Script Tutorials | Design Revolution | Scoop.it

2014 Web Design Trends - Marty Note
Not a secret we are seeing flatter more responsive design in 2014, but I liked the format of the way Script Tutorials explained each trend with examples and wireframes.

2 of these ideas, Video Backgrounds and Interactive Infographics could be huge. Video backgrounds was a new idea to me even halfway through the year.


more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

10 Rock Solid Website Layout Examples | Design Shack [cool way to SEE web design]

10 Rock Solid Website Layout Examples | Design Shack [cool way to SEE web design] | Design Revolution | Scoop.it
Reading an article entitled 10 Rock Solid Website Layout Examples on Design Shack.
Martin (Marty) Smith's insight:

Love how Design Shack shares just about every web layout in silhouette then provides examples. Good idea to train your eye to see the frames (they are always there). Soon we will be training ourselves to think in ZONES and this wireframe approach is critical to that next step.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

15 Best CSS3 Websites Inspire Consistent With 2014 Design Trends - via AWWards

15 Best CSS3 Websites Inspire Consistent With 2014 Design Trends - via AWWards | Design Revolution | Scoop.it
Fantastic CSS3 Website Designs for Inspiration. Selection of Awwwards winning CSS3 websites. CSS3 is a powerful tool for web designers to enhance the appearance of a website.
Martin (Marty) Smith's insight:

Strong first few pages of examples here. My favs include 

Cat Magnet for actually telling a fish story (nice large CTA too). 
Design Council - love the flat, few colors with red as accent. 

True - don't like blocking the face, but works here. 

Stealable Ideas ae consistent with 2014 design trends:

* Big heros (tells a better story).

* Limit color palette. 
* Flatten out the design so it looks good on mobile too.
* Large Call-to-actions (DECLARE what you want your customers to do).

That last bullet, using a clear CTA, seems to be the hardest one to sell designers who feel to DECLARE is to shout. I disagree. I view DECLARATION in this context as helping by MAPPING and POINTING.

No one wants their TIME wasted and when you point them in the right direction with a large, high contrast CTA you've created a helpful hint. Subtle, when you have seconds, seems an unsupportable luxury. When DON'T we want to be CLEAR and help our visitors know how to journey along our paths?

A: NEVER :). M  

 

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

30 Web Design Tips Makes Life Easier

30 Web Design Tips Makes Life Easier | Design Revolution | Scoop.it
Every web designer has a secret or two. Hard-won workflows, hidden hacks, and insider knowledge that are the mark of true experience and the stuff that separates great web design training from good. Here, we've managed to persuade some of the web's busiest devs and designers to part with their most closely guarded tricks and tips.
more...
Monica S Mcfeeters's curator insight, April 19, 2014 8:50 PM

Here are tips to help you with your web designing.

Scooped by Martin (Marty) Smith
Scoop.it!

30 Beautiful and Creative Ecommerce Website Designs – Shopify

30 Beautiful and Creative Ecommerce Website Designs – Shopify | Design Revolution | Scoop.it

A blog about ecommerce marketing, running an online business and updates to Shopify's ecommerce community.

Marty Note
Ecommerce is hard to make "BEAUTIFUL". The conventions are well established now such as hero, underneath or to the right of the hero is a line of products, nav leads to category pages then to product pages, big search box and so on.

Here are 30 cool takes on convention that don't spill conversions all over the floor, the danger of modifying ecommerce convention, but do create intelligent and NEW feeling ecom web design.

My favorite is Norwegian Rain because their hero tells such a amazing story with so few words. Very difficult to do a group shot like that without looking too exclusive. Like a club that would never have YOU (the visitor) for a member.


I don't get that feel from their image and design. Very cool and NOTHING I would have considered before seeing that a group shot of that magnitude can be accomplished.

Norwegian Rain
more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Your 2014 Website Can't Be Too RICH, THIN or FLAT - 40 Web Design Examples

Your 2014 Website Can't Be Too RICH, THIN or FLAT - 40 Web Design Examples | Design Revolution | Scoop.it
Flat web design has been a huge topic in the web, even Apple is adopting flat web design style and you need to make sure you upgrade your site too!
Martin (Marty) Smith's insight:

Why so FLAT?
Mobile is the single word answer to why most websites are flattening out their designs. As phones outnumber desktops one of the manifestations of "mobile first" is we are adopting designs that look better on our phones and pads - FLAT designs.

Amazing how quickly this worm turned, but you won't have trouble finding hundreds of examples of great flat website design like these 40. My favorite is http://madebyfibb.com/ for its cascading windows feel and images that engage and point at CTAs.

Marty

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

30 Fresh Examples of Web Design via @1918| Graphic Design Junction

30 Fresh Examples of Web Design  via @1918| Graphic Design Junction | Design Revolution | Scoop.it
There are hundreds of websites launched in every day and mostly web design are available in CSS Website Galleries for awards, reviews and inspiration for web
more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Responsive vs. Adaptive Website Design: Similarities and Differences

Responsive vs. Adaptive Website Design: Similarities and Differences | Design Revolution | Scoop.it
The hot topic for web developers and website owners is the way that websites can now automatically respond and adapt to any device with any screen size. There is huge dilemma in proposing best web design method for Mobile responsive project to clients. There we are to help you. 
Lets discuss in detail about these two options for web design:
                   A) Responsive Web Design (RWD) 
                   B) Adaptive Web Design (AWD)
more...
malek's curator insight, April 11, 2014 10:18 AM

t can be hard to explain RWD. Per usual, Marty  hit it on the head, along with the reasons

massimo scalzo's curator insight, April 12, 2014 3:12 AM

Please, let your audience see your presence on the Internet regardless of what device they use to access the Network !

Scooped by Martin (Marty) Smith
Scoop.it!

Designing A Social Media Savvy Website | @smexaminer & @Scenttrail

Designing A Social Media Savvy Website | @smexaminer & @Scenttrail | Design Revolution | Scoop.it

Marty Note
Social Media is a CSF (Critical Success Factor) for the future of any website. Why then are social buttons done so poorly on so many websites? Because not everyone believes the TRUTH of my first sentence.

In addition to these 9 excellent Social Media Examiner tips I would add a few:

* Don't change the COLORS of the buttons. Those brands are established now and changing their colors mutes their impact.

* Remember you have 2 kinds of needs - Social SHARES of your content and social shares of your site. Those are two different ideas easily confused. Look at Mashable for some of the best social media button design on the web. Clear buttons on posts with the "SHARES" total number and then buttons on the fiar right for Mashable.com.

Some publishers may have 3 or 4 button groups such as: post, site, author and special content such as polls or Infographics.

* LARGE and IN CHARGE and if your programmers are talented create the total number like Mashable.

* Here is proper structure of an article link:
9 Tips for Integrating Social Media on Your Website http://www.socialmediaexaminer.com/9-tips-for-integrating-social-media-on-your-website/  via @smexaminer

Short intro into the link & attribution at the end. Keep your character count down below 120 for maximum RTs.

* Here is a proper structure for a site:
Follow Mashable on Email, RSS & Social Media http://mashable.com/2011/11/18/follow-mashable/#:eyJzIjoidCIsImkiOiJfbWdmMGlqY3p4c3A5bWk4dyJ9  via @mashable


Here are the 9 tips from Social Media Examiner:

1. Include visible social media buttons.

2. Integrate social where it makes sense.

3. Include up-to-date buttons.

4. Include share buttons.

5. Use analytics.
6. Pay attention to terms and conditions (of social media sites).

7. Don't over do it.
8. Stay knowledgeable.

9. Use http://sproutsocial.com/ or something similar to match social to analytics.





more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Great Video + Web Design = HARD as Award Winning Videos / Web Designs Prove

Great Video + Web Design = HARD as Award Winning Videos / Web Designs Prove | Design Revolution | Scoop.it


Fantastic Video Website Designs for Inspiration. Selection of Awwwards winning video websites. Video is widely used in today's web design. Video is one of the most powerful tools of visual communication.

Video Online is Harder Than It Looks
These award winning video demonstrate a clear truth - creating a great video experience online is TOUGH. My favorite of all of these examples is Dick's Sporting Goods baseball videos. I like the visual storytelling of the Dick's videos.

I have a real feel for "being there" with Dick's. Problem is as Dicks makes the turn toward home and starts down the positions they lose me. They might lose a die hard baseball person less, but Dick's demonstrates some of video marketing's strengths and liabilities:

Strengths
* Can tell a complex story simply and quickly.
* Holds attention better than reading.
* Creates more hooks to wind a story around.

Weaknesses
* Easy to lose your way from a script / production / website integration standpoint (watch that Keecker and tell me if you don't get a little creeped out too).
* We watch a lot of video, so expectations are HIGH for both production quality and story strength.

* Video floats on top of websites more than it is actually part of them.

That last bullet in weaknesses is where the real design stress exists. How do we move back and forth between website and video without losing attention, being confusing or both losing attention and being confusing? Videos tend to dominate webpages.

When I was Director of Ecommerce we finally, after many tries, found a product page video size, style and length that significantly contributed to conversion. Problem is WE created those videos.

As we move into the User Generated Content social Media world of tomorrow we will need to create less and curate more. There is a way to create a web framework to support UGC videos and as soon as I see it I will be sure to share it (if you've seen a video website you think works WITH instead of against its videos please share).


more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Drew's Dragons Slay Bob Marley - How To Create Products People Love

Drew's Dragons Slay Bob Marley - How To Create Products People Love | Design Revolution | Scoop.it

Product Development
Creating stuff is FUN and HARD. I've created about 10 products and none of them are going to be nearly as successful as my friend Drew Baird's Silver Dragon headphone Cables.

The linked story discusses the beginning of our Music Is A Movement revolution. A revolution that I understand better today after listening to the difference in tone, sound and quality Drew's cables make.

OMG, this is like a DRUG and if your product is lucky enough to have that reaction when you create it you half half a chance to do what you love. Take a lesson from our friends at Moon Audio and introduce your favorite music to Drew's pet Dragon.

If you read this, buy Drew's cables and don't fall in LOVE then you need to get some THERAPY fast (lol).  

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

5 Web Design Ideas From A Non-Designer

5 Web Design Ideas From A Non-Designer | Design Revolution | Scoop.it

Graphic Designers ROCK
I have more than tremendous respect and admiration for graphic designers. The ability to use tools like Photoshop and Illustrator to create MAGIC is something I will always envy. I know enough to know just how magical those skills truly are, so thank you.

I would LOVE to convince gifted visual marketers of the need to fix five mistakes I see over and over, mistakes that can HARM a websites bottom line and ability to scale.

I confess to making some of these mistakes myself. Easy to do when caught up in the NEW chase. I got so I printed out this list and keep it in view so it smacks me as a reminder while creating ideas for a new design.

Despite the list being omnipresent I forgot a subscription option on CrowdFunde.com two months ago, so EASY to forget these ideas:

** Email Subscription
Any websites lifeline is the LIST of supporters and subscribers they OWN. If Google changes their algorithm and PPC goes bankrupt you can always may your own list, so making sure the ability to opt in to that list is omnipresent is a CSF (Critical Success Factor).

** Keywords In Category Names
Think, "Do we want to win that keyword," when reviewing your navigation. You may select to have your URLs rewritten to be more keyword specific, but those internal links play an important role with Google's spider and SEO so KEYWORDS are a must.

** Research Keywords
My CrowdFunde co-founder Phil Buckley asked me if I thought attorneys or lawyers would be the most searched term. "Lawyers," I answered confidently knowing I was wrong (you never win these who will win questions lol). Attorneys is the winner and by a large margin. Don't write copy to what you THINK when it is so easy to do a little research and KNOW.

** The Tricky Part To Web Analytics
Here's the rub to web metrics. They operate in a constant seesaw dance with one another. Attorneys may be the most searched, but maybe that is because the Mass Tort guys have crushed the deck in some way (have no knowledge of that only using it as an example so please don't sue me lol). When you DESIGN with numbers you design better, but be sure to ask your SEO contact where the rubs are in the numbers. Rubs are numbers that LOOK one way but actually ARE another. Trust me you NEVER want to spend the kind of time in Google Analytics knowing where the rubs are requires, so ask.

** 80/20 Rule
One Internet marketing FRACTAL we discovered is 20% of the links, traffic, pages always get 80% or more of the value. Your job is to build a flexible framework so when your managing team SEES the emerging 80/20 rule you can easily shift the presentation to favor the 20 over the 80.

Now please take these practical, money making ideas and make them beautiful and THANK YOU for your dedication to BEAUTY in design and life :). Marty

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Designing For GooglePlus: Top 10 Brand Pages on Google+

Designing For GooglePlus: Top 10 Brand Pages on Google+ | Design Revolution | Scoop.it

We've had a HUGE Day over on GPlus today. I wrote a post about why G+ is magical thinking (https://plus.google.com/102639884404823294558/posts/F5fXyrkTPCr ) and my post got picked up by my friend Mark Traphagen (@MarkTraphagen) and it BLEW up into an amazing conversation.

Given the MONSTER day we've had I thought it would be a great idea to share some of the most successful G+ Brand pages. GPlus is a massive Blue Ocean for most.  Blue Oceans are where your content gets MORE traction with less work. Red Oceans are where your content requires more investment to generate LESS return.

GPlus is really a set of TOOLS. Incorporating Hangouts, maps, communities and other widget-like tools. The first website or agency to figure out how to combine those powerful tools in unique combinations is going to WIN big. Some of these examples approach the top of the mountain, but G+ has more power than even anyone here captures.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

8 Web Design Lessons from Vogue - via @HaikuDeck

8 Web Design Lessons from Vogue - via @HaikuDeck | Design Revolution | Scoop.it

Vogue's Marketing Lessons
* Be Specific (use BIG numbers).

* Be Branded (use existing brands).

* Be Topical (happening NOW iis easier).
* Be Welcoming (Models on hompage stare directly at camera).
* Use alliteration and rhythm in headlines (make em sing).
* Use juxtapositions.
* Use action verbs.

* Use SIMPLE colors.

Follow those 8 lessons and your web design improves.  

more...
Monica S Mcfeeters's curator insight, April 27, 2014 9:46 AM

These are some ideas to add to your visual marketing plan.

Scooped by Martin (Marty) Smith
Scoop.it!

10 Beautiful Websites for Your Inspiration - Can Beauty Win As A Strategy?

10 Beautiful Websites for Your Inspiration - Can Beauty Win As A Strategy? | Design Revolution | Scoop.it

Design Beauty As Online Strategy
Beauty has a problem online. Imagine a line with pretty pictures on one end and makes money / converts on the other. As website design travels away from the balanced center out to either pole something is given up.

Beautiful sites often feel solipsistic and self referential. Commerce sites feel transactional and much like an not very special commodity. As visual marketing commands more and more of our attention, efforts and communication arresting imagery is important.

You can't sell someone who doesn't stop long enough to know who you are. Is beauty an effective strategy in and of itself? No. Is commerce an effective strategy in and of itself? No. Truth lies in the magic promise of a balanced approach as these 10 examples of somewhat practical beauty share.

My favorite and the one most centered between those two poles?
Juliana Bicycles - I don't typically like group scenes that aren't open to the viewer as they can send an exclusionary message. This bicycle site doesn't because of the magic of place pictured and the ancient desire to warm next to a fire with friends.

Would NEVER have thought Juliana Bicycles hero could feel so beautiful, friendly and inviting breaking several key rules - but it does.

more...
malek's curator insight, April 25, 2014 8:50 AM

One Unusual trend we ignore

In Digital strategy pay maximum attention to social media tools, digital tricks and marketing tips. But, we don’t always keep tabs on website design trends and evolution

Scooped by Martin (Marty) Smith
Scoop.it!

40 Best Non-Profit Websites Tell Great Stories | Vandelay Design

40 Best Non-Profit Websites Tell Great Stories | Vandelay Design | Design Revolution | Scoop.it

Nonprofit Websites
Nonprofit websites are designed to tell stories something we all need to do these days. My favs include Housing Works, Too Young To Wed and Melting Away.


more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Bold, Beautiful, Brash Website Designs

Bold, Beautiful, Brash Website Designs | Design Revolution | Scoop.it
For a while now, designers have been absolutely infatuated with all things subtle. We love subtle patterned backgrounds and intricate decorative elements; we
Martin (Marty) Smith's insight:

Love these bold and brash website designs. Like the Diehl "Forensic Architecture" idea the best. M

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Why The Bauhaus Is Our House As Web Design Moves Into The Future

The Bauhaus ethic applied principles such as "honesty of construction", "truth to ma...

Martin (Marty) Smith's insight:

Great work by Simon Collision (@Colly). Picks up for me on slide 17.

1. Acknowledge the machine.

2. Standardize production.

3. Experiment and synthesize. 

4. Form follows function.

5. Economy and simplicity.

Those values drove designers at the Bauhaus to create a new approach. How will those values influence our web design going forward?

1. Honesty of construction truth to materials.

2. Develop systems.

3. Holistic web design approach (slide 32 what's golden important). .

4. Mass production and individual expression.

5. Adapt and respond to an evolving world.


Here are points I would make about how Bauhaus values will play an important role in what is next online:

* The machine is increasingly SOCIAL and MOBILE.

* Smart Phones & Apps gamify routine (boring) tasks.

* Holistic design will increasingly mean Mobile Fist design.

* We are all in the community building business (whether we know it or not) & community creates mass production OUT OF individual expression.
* Our adaptations will be social & mobile, gamified & curated.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Will Storytelling Web Design Be Magic in 2014? A: Yes

Will Storytelling Web Design Be Magic in 2014? A: Yes | Design Revolution | Scoop.it

Storytelling Web Design
How can a website tell a story? By rethinking websites as related content capable of telling a story in either direction and on their own we see the difficulty we face when telling stories using websites.

Websites go forward and backward in time because any page can become a "homepage" based on links or search. A webpage needs to be self sufficient - telling a story on their own - and connected in a dasiy chain where each step along the chain reinforces the chain's connections and "storyline".

This post discusses ways to use tools such as videos and arresting visuals. Graphics are a HUGE and helpful device online. If your story includes icons you've created a navigational language teaching readers to look for symbols when they want to move through the deck.

This is one of the reasons I love icons. Icons aren't fixed in space or time and their connection to each other can be strong or weak. The key is to keep readers reading. The challenge is thinking about information architecture that can easily pay off on its own and point in different directions based on how readers consume the content.

Best storytelling sites I've discovered include:

http://www.robinhood.org/

http://www.redcross.org/

http://www.ihadcancer.com/

Notice a trend? Nonprofits tell better stories in general and their websites  function more as great story telling aids than most for profit companies. If you have favorite storytelling websites please share and we will curate in.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

65 Responsive Website Design Examples of 2014 Inspire

65 Responsive Website Design Examples of 2014 Inspire | Design Revolution | Scoop.it
Martin (Marty) Smith's insight:

Love the breakout by category. Great examples in each category. My favs are:

ClearLeft.com and SalesForce.com

M

more...
No comment yet.
Suggested by cssmatter
Scoop.it!

Going Beyond Convention In Website Design - Examples

Going Beyond Convention In Website Design - Examples | Design Revolution | Scoop.it
Over the past few years, we have gotten used to certain standards in web design. In order to make a lasting impression on your visitors, you need to build experiences that go beyond those of a plain, usable website. This does not mean usability has become any less important. It just takes on a different role in web design, now forming the basis for a great user experience for examples of great usability website.
Martin (Marty) Smith's insight:

Agree, some conventions are needed and expected others can be broken down and twisted into new shapes. Trick is knowing what you must do like everyone else and what you can afford to take some risks with in your website design.

more...
massimo scalzo's curator insight, April 12, 2014 3:19 AM

Developing a website goes beyond the simple usability. "Experience" needs also the right attire.... Appearance.  Ease of use is not the only thing important, aesthetics counts too!

Scooped by Martin (Marty) Smith
Scoop.it!

Does Your Web Design SING? New Neuromarketing Research Suggests It Should

Does Your Web Design SING? New Neuromarketing Research Suggests It Should | Design Revolution | Scoop.it

How does your web design SOUND? Strange question, but new neuromarketing research suggests we mentally sound out words we read. Implications for web designers are significant and new.

Most web designers care about how their design LOOKS, but maybe we should worry about how our sites SOUND too. Sound is a HUGE learning aid and one easy to overlook as we focus on colors, font and line.

Adds weight to how VOGUE uses alliteration to create powerful marketing as discussed in 8 Visual Marketing Tips from Vogue
https://www.haikudeck.com/visual-marketing-8-tips-from-vogue-art-and-design-presentation-QPRubvrcT8

and on Scoop.it
http://sco.lt/8qjz7Z


more...
No comment yet.