We Are Proud to Offer Endless Service

Website Design Category

Tips for Online Business Success

April 12th, 2013 by James McCarthy

success

As a store owner you ask yourself a multitude of very important questions all the time and most of them deal with increasing sales and growing revenue. When I talk with store owners, I like to ask about how they’re currently reaching their customers in the technological world we live in today. Can the staff help out more and do you find any time to work on the business instead of in the business? I ask these questions because I’m sure the accountant and bankers, along with all the other so-called experts, are asking fifty other kinds of questions where it’s all about the bottom line.

Most small business owners wear many hats and are forced (for lack of a better word) to do many things they dislike which take them away from working with their customers. They’re the bookkeeper, the accountant, the banker, the rainmaker, the worrywart, the IT guy, and the marketing person all in one. It’s hard to ignore these things because after all, they are the owner, but it doesn’t mean they’re good at those tasks or like wearing any of those hats.

I also want to know what the business owner is good at and why they started the business in the first place because the follow-up questions are usually answered with enthusiasm and excitement. I like to hear the owner talk about the message they want their customers to hear when promoting their products. I want to help them.

At the end of every conversation I’ve ever had with business owners I can honestly say that all of them just want things simple and easy. Not a single one has every told me, “I want the next phase of our business to be as difficult and time consuming as possible.”

Here are a few things I’ve learned over the years that I’ve been able to pass along to the hundreds of business owners I’ve had the pleasure of speaking with.

Fluff Sucks / Keep it Simple

When I ask a question I always want a straight answer (if there is one). No fluff please. Just give it to me straight. So when I’m asked a question, I assume you are like me and I answer the question with no fluffy nonsense – just straight, simple, easy to understand answers. I also assume that your customers want the same thing when working with you and your website, so here’s what you should do – give it to them!

I don’t want fancy nonsense popping up all over the place that want me to join the mailing list and receive 10% off … I don’t want banners following me down the page … I don’t want ten clicks to get to what I’m trying to buy. I just want to learn what you have say about the products.

Keep it simple! I want to see how you present it and show me how to use it, and then I want to be able to check out securely and have it shipped to me in a way that shows you care. Good online retailers know how to ship and it’s often a forgotten item because it’s not very glamorous.

Price vs. Value

This is a biggie for me and a huge mistake if you decide everything based on price – even more of a mistake if you compete solely on price. Price is not all that matters—what is important, at least to people like me, is value. Value takes into account training, support, experience, and the intrinsic joy of using or owning one of the best product or services out there.

Modern Retail falls into this category all day long. We have an outstanding staff and I’m sure we are not the cheapest provider out there, but we’re not the most expensive either – and we offer tremendous VALUE. That is important and there’s a “sleep factor” element that goes with this along with being happy with a product or service even though you may have paid a little more then everyone else. Price vs. Value should be taken into consideration.

Marketing Boils Down to Providing Unique Value for the Customer

People, in general, are usually very confused about marketing and what it really means. Oh sure, they’ve heard the term and can probably recite a textbook definition of the word, but do they really understand it when it comes to the Internet? Nope. Take a look at the two-by-two matrix pictured below.

The vertical axis measures how your product differs from the competition. It doesn’t matter what the product is. The horizontal axis measures the value of your product and how much demand there is for it.

Bottom right: your product is valuable but its not unique—you’ll have to compete on price. You can think of blue jeans as an example here.

Top left: unique but not valuable—you’ll own a market that doesn’t exist and you probably don’t have a huge budget to create one.

Bottom left: Your products are not unique and not valuable—you’re in the wrong business and are about to go out of business. Think of your local record shops right here as a good example no longer unique with zero value.

Top right: unique and valuable—this is where you make margin and money. Ugg boots is a good example of unique and valuable because at the time they were the first to create a market and make history that swept the world with a new kind of footwear. Look at Ugg today! History is riddled with success stories like Ugg boots, the iPod, Blue Jeans, etc. . .

In the end, changing a few minds every day is an easy and reachable goal.  Every customer you meet in your store or who places an order on your website is a challenge to do your very best to turn them into a repeat customer.

 

A Look at the History of Web Design – Part 2: What Color is That?

March 27th, 2013 by Roy Plum

web-colors500x239

Designers love color. They are particular about color fidelity. In traditional design mediums, techniques to precisely control color are mature and reliable. Historically, on the web color depended entirely on the user’s computer’s capabilities. Computer monitors varied greatly in quality, and computers with “full” color capability were far less common. This was the age of 8-bit color (256 colors) on most desktop computer systems, seriously lagging behind the game console industry. It was not uncommon to run into a 16-color system from time to time.

Even if you limited your color selection to 256 colors, there was no guarantee that the person viewing your site would see the same 256 colors you intended. If the color you selected was not present on that computer, a couple different things might happen. The computer might choose the color it had that was closest to the specified color, and the computer’s idea of “close” was often surprising. Or it would dither the color – using single dots of colors it had to mimic the requested color. Neither of these produced satisfactory results. Worse, you could use the same color in a graphic and also in a background and the computer might choose two different methods to display the same color. (But it matches on my screen!)

To improve the situation, a selection of 216 colors were identified that would be less likely to dither or be swapped. The colors were selected because of the number values used to define are evenly distributed, not with respect to what they look like or how well they work together aesthetically. Nevertheless, the web safe palette became an article of faith for web designers.

Once computers advanced to where more of them had 16-color graphics (also known as 64k colors) you’d have thought the situation was improved. However, it turned out that only 22 of the original 216 colors were reliably displayed without inconsistent remapping. Hope you like green, because most of these “really safe” colors are shades of green and yellow.

“Full color” graphics capability (24-bit and higher) was a costly upgrade for most users, and was often limited to graphics workstations and high end gaming systems due to the increased memory required to represent full color and the processing power to move the data around efficiently. Thanks mostly to the computer gaming industry, “full color” graphics capability became less costly and more prevalent as the years passed. With “full color” we no longer need to worry about color substitutions. But as recently as 10 years ago (2003), only 50% of web site visitors had full color. Today, 98% of web visitors have full color capability.

While the need to be concerned about “web safe” colors has long passed (in internet time), relics of it still persist in software color pickers like this one.

 

Color_Pickers

 
 

Technical Side Bar — About Color or Why the “Scare Quotes” Around “Full Color”

Computer screens, tablets, cell phones and televisions all display colors by mixing three primary colors: Red, Green and Blue (RGB). These are not the same primary colors you learned in painting class (yellow, red, blue) or used in the printing industry (cyan, magenta, yellow, black or CMYK) because on the screen, we are mixing with light. When mixing with light, if you turn all the colors all the way up, you get white; all the way off, and you get black. So every dot on the screen is a mixture of three colors, each color with some value between all the way off (0%) and all the way on (100%). Computers use one character (or byte) to store the value of each primary color, which means there we are limited to 0 to 255 for these values. With 256 possible values for each primary color, there are 256 x 256 x 256 = 16,777,216 different combinations possible. But the human eye can differentiate far more colors than this. Most of these colors are outside these limits … whiter than white, blacker than black, redder than red, etc. The limits of a color system are the called Color Gamut, and colors outside the gamut cannot be shown. The gamut for computer screens (RGB) is a subset of all the colors possible, and colors outside the gamut cannot be displayed.

Color specifications in html or in CSS styles are most often represented in hexadecimal notation like #3300FF, which means #33 for red, #00 for green, and #FF for blue. #00 is all the way off, and #FF is all the way on. Fortunately, most color tools give easy translations to this value for us, so we don’t have to think too much about it.

 
 

The Shopaholics Guide to Creating a Shoppable Website

March 20th, 2013 by Julie Chace

Shoppaholic

Long before I started helping specialty retail stores bring their business to the web, I was considered a shopaholic by many. With the advent of online shopping, I fear my addiction only grew. I love finding new and exciting websites, cruising through new products and blogs, and of course, making a purchase here and there. So, when asked to write a new blog, it seemed only natural that I write about what I know and love – online shopping and what makes a website “shoppable.”

With new online retailers popping up every day, what is it that makes customers keep coming back to your site? Of course having the right products is a given, but if your website is difficult to navigate, slow or lacks impact, some shoppers may not even take the time to peruse your products. Here are some things that I find make a great shoppable website.

  1. ALTRLook and Feel – Being a visual person like most people out there, the look and feel of a site is crucial to capturing the attention of your shopper.

  2. Keep it Clean – If your site is cluttered and busy, if a visitor doesn’t know where to look or where to shop, they will likely start searching for another site.

    Match Your Products & Your Vibe –I always find it disconcerting when someone is selling retro clothes, but has a modern site. Make sure the personality of your online store matches the personality of your products.

  3. Easy Navigation – One thing that drives me nuts is when I have to click a million times to find the product or the price of an item. Your site needs to be easy to navigate and intuitive to the user. Allow the user to see your products quickly and in a way that makes sense.

  4. Interesting Content – Most sites these days have blogs – and I for one love to read them. I like getting the latest scoop on trends or learning more about a retailer and their community. When looking at retail blogs, I like seeing pictures. Good imagery. It’s the photos that catch the eye that then makes you want to read further. Be sure to update your blog regularly. Remember, the longer you can keep people on your site and give them reasons for coming back, the more they’ll shop your site.

  5. BigDropNYC150x150Link Your Lookbooks – Lookbooks are a great way to show your products in their best light. You’d be surprised though how many sites do not offer links from the lookbook to the products for purchase. Keep your lookbooks current and offer links so your customers can easily shop them.

  6. Make it Personal – Our focus is working with Specialty Retailers rather than the big box stores. One thing that’s so great about specialty retailers in their physical store is that they can offer that personal touch that you often can’t get from a major retailer. Make sure your website offers that same personal touch. Whether it’s in your product descriptions or your blog, tell us why you love the product or what makes you unique. Give us an insight into your store.

  7. Easy Checkout – Just like in your store, customers want to be able to get in and out quickly with their purchases. Allow shoppers to easily view the products in their cart. Keep the checkout process simple and secure.

As an avid online shopper and a project manager on e-commerce websites, some say I have a unique perspective. I know what I like when I’m shopping and I see what my clients do well (and what they can improve on). In the end, every retailer should put themselves in the shoes of the shopper and they’ll likely create a website that is highly shoppable and extremely profitable.
 
 

Communicating With Your Website

March 8th, 2013 by James McCarthy

Website Handbook

If you really think about it, your website is just another form of communication. And for websites, that communication is really an attempt to persuade. It’s pretty simple. You reach out in a printed and visual way to tell a story to your customer about who you are and what you want your business to be. You want to make your customers happy and the first impression you make is from your website. The pendulum has swung to the digital by the unstoppable force of momentum.

Making a first impression is important to you and your customers, but what happens if you leave a second, third or even a fourth impression from the first visit? With a great websites this will happen everyday. The Internet has provided the capability for a deeper and richer view of you, so you have to prepare for this when building your website. It’s no longer about putting up a website that’s good enough because everyone in our digital age is smarter than that now. You have to step it up a notch or two if you’re serious!

I’m a storyteller and believe that the visual aspect of communication (your website) should always speak to the heart as well as the brain. It’s a two-pronged attack of the most used parts of the body. It’s very simple and it’s why I cannot watch commercials that show abused and mistreated animals. It breaks my heart and makes me angry at the same time. That’s a powerful communication tool connecting the heart and the brain.  Communicating with your website is really an attempt to persuade the visitor to choose you and your products over your competitors. But how do you do that? Lets take a look at what makes communication successful and see if you can apply some of the characteristics to your website.

1. The Big Idea – This is more about you and your vision for the website and your products. Communication, to be highly successful, must have a big idea. Apple has it! Google has it! Look around your home or office and the things you surround yourself with are generally connected to a big idea someone had. You bought into the idea and purchased it. Was it a need for the product or did you buy it because you just wanted it? Your website home page should tell a great story of what your customer is about to see when they dig a little deeper.

2. The Engine – How it gets me there. Explaining or telling the story of how and why the products you sell are what I need is the nuts and bolts of great communication. Tell me why I need it and show me some examples, please! Do your website and products answer the big questions I have? A blog on you website is the perfect tool to expand the communication process. Facebook is currently the biggest communication tool the Internet has ever seen.  Are you using Facebook the way you should?  If you noticed, large corporations use their Facebook page more then their website to communicate their message.

3. Entertainment – This is where your website becomes about me and not you. This is where your writing style, your images, your videos, your graphics, etc., persuade me to choose you. Try to think of your customers like a Border Collie. A Border Collie needs to be stimulated and entertained all the time because if you don’t, they’re going to get bored and start chewing your shoes.

4. Hope – Now that you’ve entertained me with your big idea, you have to let me go out on my own and allow me the opportunity to decide why I can’t live without your product. Your job is done and I’m left with the happiness that I don’t have to search the Internet any further. You can rest assured that if you’ve done your job,even though I may not make a purchase today, there’s hope that I’ll come back tomorrow.  Your message sunk in and I’m now a fan or a believer in you.

All of the above can happen very quickly because the Internet has made us impatient and intolerant of dullness.

In short, I need a big idea that entertains me. Does your website do that for me?

 

Responsive & Elastic Websites: Designing Your Website So It Works Everywhere – Mobile, Tablet and Desktop

January 25th, 2013 by Todd Myers

Responsive Design Header

On Wednesday, January 16, 2013 I gave the following presentation on Responsive and Elastic Websites to one of our partners and thought I’d share it with you. While I’m sure some of the content, and certainly my humor, will be lost – I hope you find it useful. P.S. While I think I’m funny, my wife, kids and those who know me would probably disagree. ;-)

Overview

Do you want your website to look and work great on every device without having to create customized apps for smart phones and tablets? If so, creating a website that’s responsive and elastic may be your answer. Responsive and elastic websites conform to the visitor’s display automatically using some clever design techniques. No longer do you need to create different versions of your website for different displays or apps for mobile devices; you can now develop it once and have it look and work great everywhere.

Presentation

Yep, that’s me (above). Last year I had a professional photo shoot which for some reason has compelled me to use these photos everywhere, to the detriment of everyone around me. I also found myself bored with the traditional PowerPoint themes so I decided to go a completely different route with this presentation. One employee, a designer of course, said it looked like I puked up colors and fonts on the presentation.

There are a lot of statistics and information out there regarding the importance of mobile commerce. For example, Forrester says mobile commerce will quadruple to 31 billion in the next 5 years. Boy that sounds like a lot and Forrester does a lot of research so they must be right. Right?

responsive-designed-website-slide2

Holy cow! Website access by phones and tablets will overtake PC access this year! This statistic almost sounds impossible.

responsive-designed-website-slide3

Mobile commerce doubled in 2012? I found that hard to believe as well until I figured out they lumped online sales using tablets into this number as well.

responsive-designed-website-slide4

If you do a little spelunking you’ll find more information about mobile commerce than you probably care to know.

responsive-designed-website-slide5

This is the kind of stuff that keeps me up at night. How important is mobile commerce really? Should we convince all our clients to implement responsive and elastic designs? I suspect some of our specialty retailers may not be able afford it. Will they be missing out on potential revenue? How can we justify the upgrade and additional costs? These are troubling questions for me because I try hard to spend our client’s money like it’s mine. Then it came to me. This isn’t a question of IF but WHEN.

responsive-designed-website-slide6

I think it’s pretty clear that mobile commerce is important and will continue to grow. I believe everyone agrees. For me knowing WHEN is the important question. Luckily, you already have the answer; you just need to know where to look.

responsive-designed-website-slide7

Google Analytics has the answer for you. Simply look at the number of visitors accessing your website using a mobile device. These are easy to spot in Google. In fact, Google has an area dedicated to mobile devices. Another tell-tale sign is to look at the screen resolutions of people visiting your website.

responsive-designed-website-slide8

In this example 19.69% of the people visiting the site are coming in from mobile devices. This number does not even include all the mobile devices and the total traffic is well over 20%. I believe it is safe to say this customer is ready for mobile commerce.

Looking at another client’s Google stats I notice a much different story. Mobile visitors to this site were not nearly as prevalent; they had less than 5% of the visitors coming to the site with their smartphones. Let’s reevaluate this client’s mobile traffic in 6 months. Maybe it’s a project for early 2014.

responsive-designed-website-slide9

Both of these clients are using the same storefront platform so you might be asking yourself why such a difference? As you might have guessed it all has to do with the demographics of the customers visiting their website. The first example is a website that has young, hip clothing and therefore, a younger visitor. The second example appeals to an older, more established shopper.

Over the last couple of years I can’t begin to count the number of times customers have asked us to create a mobile app for their website. I advised our clients against developing iOS and Android apps because I just couldn’t see my customers keeping up with the development to make these mobile versions successful. Don’t get me wrong; we have some large clients doing millions online per year, but the numbers still did not seem to add up. There was also the question of how do you get you customers to download and install your app. Do you need to spend your precious marketing dollars to promote the app instead of your website?

responsive-designed-website-slide10

Does this mean I have to create a different version of my website for mobile devices? While this was in vogue a decade ago, you should not create a completely separate version of your website. Not only is it probably unmanageable for specialty retailers, it is also costly and not ideal for your Search Engine Optimization (SEO) initiatives.

responsive-designed-website-slide11

Additionally, have you ever looked at the variety of devices and screen resolutions coming to your website? The number is quite staggering. In the first example above I looked at the number of devices that accessed the website and I found 480 different devices that were used to access the website. It’s a losing battle to try to build mobile-centric versions of your website for specific devices, there are simply too many!

responsive-designed-website-slide12

Reponsive Design

Luckily there is a better solution to this problem and that’s Responsive Design. At the risk of dating myself and labeling me as a geek, I have to say I felt like Luke Skywalker the first time I saw a responsive designed website. I was amazed at the power and flexibility it provided, and like Luke, I felt like we could finally slash this problem into pieces. Yeah, I know a horrible joke.

responsive-designed-website-slide13

A great example of a responsive designed website is threadless.com. If you look at the website on your PC you’ll notice a very different experience from your phone.

responsive-designed-website-slide14

Another example is The Boston Globe. They were one of the early pioneers and have a very nice implementation. This site is nice because you can see it respond to you as you resize your browser on your PC. Take and drag the browser window and you’ll see the page automatically render to fill the visible area of your browser. Threadless does not function like this, not because it isn’t responsive, but because the developer knows you’re viewing the site from your PC and therefore wants you to see a specific version of the site. But again, if you open threadless.com on your smartphone you’ll see something completely different.

responsive-designed-website-slide15

At this point in the presentation I showed several other websites using a live demonstration. The 7 Diamonds website is not completely responsive; really only the shopping page is responsive. However, this page does a great job of showing you the potential of a responsively-designed website.

7diamonds-responsive-shopping-page

Another example is the Sarah Pacini website. Like 7 Diamonds the site is not entirely responsive, but what they have done with the website is brilliant. Navigate to the shopping section until you can find their products displayed on the page. Now resize your browser window in all sorts of shapes and sizes. You should find the products on the page automatically resize, reorder and reshuffle on the page to fit your display. While I do not like their horizontal navigation, I have to marvel at what they did technically with this website.

sarah-pacini-responsive-design-website

Whereas the nuts.com is completely responsive – resize your browser window and take a look at the website on your mobile devices and you’ll see what I mean!

nuts-com-responsive-designed-website

Finally, I showed off some of our own work, including Flexi.

desktop-responsive-design-example

mac-mini-responsive-design-example

iphone-responsive-design-example

To understand more about responsive websites you really need to read two books – heck I even call them papers – by Luke Wroblewski and Ethan Marcotte. Luke’s book, Mobile First, describes how your team should focus on the mobile screen first and then move up to the big screen. Ethan is truly the godfather who coined the term Responsive Web Design and literally wrote the book on it. Without question, you need to buy these two books and for $9 each, they are an absolute steal.

responsive-designed-website-slide17

That pretty much concluded my presentation on what a responsive designed website can do for your business. It’s important to remember to look at who’s coming to your website and what devices they are using so you can make an informed decision when to implement a responsive website design.

responsive-designed-website-slide18

 

 

What our clients are saying

  • "Shoppable Lookbook allows us to virtually merchandise our store like how we do it in the brick-n-mortar." William Glen

  • "[Modern Retail] is doing all the forward thinking so we don’t have to. We can worry about running our business, providing good products for our customers and providing good service to our customers." Barker & Meowsky

About Us

With so many companies out there, how do you choose? Modern Retail is committed to helping specialty retailers be successful, both online and in-store, and we have the successful track record with retail businesses like yours to prove it. We create inspired e-commerce web solutions that are integrated with your in-store point of sale system, providing your customer with the ultimate shopping experience and you with the best efficiencies to run your business. Read More...

© Modern Retail, All Rights Reserved