Mr Branding

Tuesday, December 15, 2015

Magento Theme Development: Home Page Styling

How to Track the ROI of Your Video Marketing

Are you struggling to measure the ROI of your marketing videos? Looking for tools to help track sales from your videos? A simple framework and a few tools can reveal if your video campaigns are working for you. In this article you’ll discover how to track and measure the ROI for your video marketing efforts. […]

This post How to Track the ROI of Your Video Marketing first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle

by Joe Forte via Social Media Examiner

5 Tips for Making More Money as a Freelance Designer

When I started out, I made about $1,680 a month (after taxes). Now I make that in less than two days. It’s crazy when I think about it.

For a lot of us (myself included) it’s never about the money. But what I have inevitably realized is that money brings freedom. The freedom to choose the work we take on. The freedom to work on meaningful projects. The freedom to have time to do what we want.

As designers, I believe in improving not only the quality of our work, but also the value of our work.

Talking about money is always a touchy subject. But just to give you some background about where I’m coming from, and about my income as a freelance designer: I’ve made more than $140,000 working only seven months in a year. I enjoy some time off in between projects, and the freedom to do other things. However, bear in mind that I have been doing this for nine years, and with that comes experience and a honed set of skills.

Here are some tips that will surely boost your design work’s value. These tips are not things you can do overnight; you will need to put in some hard work in order to achieve your desired results. But if you take action, I’m sure you will eventually see positive results.

1. Be a Good Designer: Produce Great Work That Solves Problems

A strong body of work commands interest from prospective clients and increases your perceived value as a designer.

I am a strong believer in constantly working on my craft. Improving the quality of our work helps us get more projects, and also contributes to pushing our industry forward.

What aspects of your design work can you improve, and how?

Set a Goal

The first step is to have a good idea of what "good design" is. Think of all your favorite designers. Write down a list of the top five designers you admire. Done that? Good. Your goal is to close the gap between your work, and the work of the designers you hold in high regard. Follow their work, as well as the work of other designers that they like/favorite/save on social media platforms such as Behance, Dribbble, Pinterest, etc.

Now you have a benchmark for good design work.

Improve Your Visual Design Skills

The first and most obvious thing to work on is your visual design chops. The best way to improve in this area is to practice.

Spend one to two hours a day analyzing, deconstructing, and recreating the work of other designers. What would begin as an exercise of merely emulating and reproducing someone else’s work will eventually allow you to see and understand why certain designs work better than others.

Many great designers started this way. Haraldur Thorleifsson, a successful designer who has worked with companies such as Google, Microsoft, and Airbnb said in an interview:

When I was younger I liked to take things apart to figure out how they worked. I never did figure anything out, and I certainly couldn’t put anything back together, so this mostly meant that I had a lot of broken stuff.

I am by no means a natural designer or illustrator, so when I started designing I basically did the same thing. I would take screenshots of sites I liked and copy them, the digital equivalent of tracing from paper. This taught me a lot about spacing, typography, grids and how to create graphics from scratch.

Over time, as your visual library expands within your head, you will realize your own ideas.

To get better at design, the idea is really just to keep creating. When he was asked by a design student what to focus on to help grow one’s career, Mike Buzzard, a Design Manager in UX at Google, answered: Just keep making stuff.

Even if you’re a seasoned veteran — just keep creating, as there’s always room to improve. A seasoned chef still sharpens his knife. Join communities and find great mentors to learn from. Always make time to learn new skills that can make your work better.

Think Objectively

Visual chops are all well and good. But design is more than just the visual. It’s also about meeting the client’s goals, and thinking about your work as being a part of a system.

A lot of designers don’t want to think that their work sits in a marketing plan or a business strategy. But it does.

To be an effective designer, it’s essential to have a holistic view. You must see where your design work fits within the overall picture. To possess a holistic view means taking some time to learn about the other components of the system. Get into reading about business, marketing, copywriting, web performance, and other associated subjects.

While there may be art in what we do, we are not artists. We are designers. It’s the balance of form, function, and user/client objectives that makes your designs great.

2. Be a Great Communicator

At the end of the day, clients (whether they are creative directors, marketing managers, or business owners) are just people. People just like you and me.

When I used to work as a Creative Director, whenever we needed to hire designers, I would of course evaluate the design portfolios of the candidates as part of the decision-making process. But almost equally as important was looking at how well the candidates communicated. How did they come up with the context and rationale for their design solutions? Were they consistent with keeping the lines of communication open?

Being able to communicate well and eloquently helps you build trust with your clients. How well can you answer their questions? Try to be empathetic and put yourself in your client’s shoes. What do they need to know, and how can you best solve their problem?

Start by identifying your personal communication style and tone. I prefer to write clients using a conversational style of communication. It helps me weed out all the unnecessary jargon and allows us to engage on a more personable and "authentic" level. Also, people that are okay with this style of communication are usually from the types of organizations that I like working with.

Indirectly tied to communication is punctuality. Punctuality is super important. Honoring your promises and staying true to your word is important if you would like your clients to be able to trust what you say. If you’re going to say something is going to be done at a certain time, make sure you do it on time or (even better) earlier than the time you have committed to. Under-promise and over-deliver. Not vice versa. By nature, I’m not a super organized person, but through the years I’ve learned to always deliver no matter what.

3. Put Yourself Out There

No one is going to hire you if they don’t know about you.

I used to feel iffy about promoting myself. But I need to put myself and my work out there in order to attract prospective clients, as well as to be able to make connections and start conversations with like-minded designers. Dan Mall said it best: "Contribute to the conversations you want to be part of."

If you’re a freelancer, getting yourself exposure is almost as important as having great design work. Join online creative sites like Behance and Dribbble, and keep posting your work on them. Share your work and reach out to different communities. You can even share your journey by posting snippets of your design exercises, similar to what Paul Flavius Nechita did with his 100 Days UI project. (He was interviewed about the project on Dribbble.)

4. Work with Only Good Clients That Pay Well

As your designs become better, and as your reputation grows, you should be receiving more job leads.

Instead of taking on every single project that comes your way, it’s important to prioritize closing the clients that will pay you what you think your services are worth.

But how do you do that? By demonstrating the value of your work to prospective clients, and what it will mean to their business.

Read about value-based pricing in this article: How I Earned A Lot More on Projects by Changing My Pricing Strategy.

I have garnered clients via a "pull" methodology. This means prospective clients get in touch with me via different channels. I never reach out to potential clients. Getting projects using this "pull" methodology means that would-be clients already know about what kind of work I offer and what I’m about. Also, they will typically already know which markets I serve.

Identify what markets you serve and think about what your time and services are worth. Accept the projects that are within your criteria.

Good clients will refer you to other good clients. And I mean not just "good clients" in terms of pay, but also how easy and pleasant they are to work with. It’s because like-minded businesses and people tend to connect and engage with each other.

In the same token, less-than-stellar clients will probably refer you to other less-than-stellar clients. If you design sites for $100, you will be known as the $100 web designer, and you will in turn attract clients that believe websites should only cost a hundred dollars. If you do sites for $30,000, then you exist in that market. (And if you’re Huge, you exist in the $18 million market.)

5. Be Nice

Most people don’t like to work with designers who have huge egos.

The Golden Rule applies here: Treat others the way you would like to be treated. Good manners is a currency that goes a long way in the business world.

Imperative

For example, a salesperson on your team hands you a big list of email addresses. Not a great deal of care was taken in validating the email addresses as they were coming in, so some of them are uppercase, some of them are lowercase, and some of them are a mix of the two. The for loop approach to transforming the data looks like this:

var mixedEmails = ['JOHN@ACME.COM', 'Mary@FooBar.com', 'monty@spam.eggs'];

function getEmailsInLowercase(emails) {
  var lowercaseEmails = [];

  for (var i = 0; i < emails.length; i++) {
    lowercaseEmails.push(emails[i].toLowerCase());
  }

  return lowercaseEmails;
}

var validData = getEmailsInLowercase(mixedEmails);

This approach works, but it involved a painful amount of ceremony to achieve what is in reality a simple and common operation. Our function with the for loop encodes so much detail that we didn't intend to express. A few sore points:

We told the machine that it needs to create a temporary list that it copies email addresses to.
We told the machine to first count how many email addresses we want to transform, and then move through the list of email addresses exactly that number of times.
We told the machine to create a counter so it knows what position of the email address list its operating on.
We told the machine which direction it should count in, which implies that ordering is important at this stage — which it isn't.

This is the imperative approach to programming. We are dictating to the machine how it should do its job.

Confused

We want to clean up the previous approach, so we reach for the map function. As we read through any documentation for the map function, we see words like "array", "each", and "index". This would suggest we could treat map as a slightly less ceremonious for loop, and indeed we can. Let's change our original function.

var mixedEmails = ['JOHN@ACME.COM', 'Mary@FooBar.com', 'monty@spam.eggs'];

function getEmailsInLowercase(emails) {
  var lowercaseEmails = [];

  emails.map(function(email) {
    lowercaseEmails.push(email.toLowerCase());
  });

  return lowercaseEmails;
}

var validData = getEmailsInLowercase(mixedEmails);

This works, and is cleaner than the for loop approach. Aside from there being fewer characters in the code snippet, we're not telling the machine how to keep track of indexes or which direction it should work through our list.

However, this is not enough. This is still the imperative approach to programming. We are still dictating far too much. We are concerning ourselves with details we need not concern ourselves with, and we are holding our computer's hand every step of the way.

Continue reading %Quick Tip: Stop Writing Loops and Start Thinking with Maps%

by Jezen Thomas via SitePoint

Create Circular SVG Charts with Circles

A lightweight JavaScript library that generates circular graphs in SVG.The circular graphs with the numerical value in the center have been a great way to visualizing data lately.

The post Create Circular SVG Charts with Circles appeared first on jQuery Rain.

by Admin via jQuery Rain

Monday, December 14, 2015

Labella.js : Placing Labels on a Timeline

If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. Use the force, jedi-style.

Play with interactive demo to learn more
See examples: up | down | left | right | with text (v) | with text (h)
Read the instructions on this page or API reference.

The post Labella.js : Placing Labels on a Timeline appeared first on jQuery Rain.