15 Famous Movie Posters to Inspire Your Next Project

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/XvE6xJyCXj0/famous-movie-posters

The poster for a feature film helps to sell the movie itself. It works as a single-frame trailer to capture the potential viewer’s attention. That draws them into the excitement of the plot.A great poster can be a subtle image that leaves the viewer guessing about the secrets of the movie, from the most famous […]

The post 15 Famous Movie Posters to Inspire Your Next Project appeared first on designrfix.com.

Collective #425

Original Source: http://feedproxy.google.com/~r/tympanus/~3/Olnl81Lv55U/

C425_layouts

The Layouts of Tomorrow

Max Böck shows how to break out of the common layout patterns with the power of CSS Grid.

Read it

C425_baw

Our Sponsor
15 Tools and Resources That Designers Are Using In 2018

These tools and resources will help you on your way to become more productive. They will keep you better informed, and keep a step ahead of your competition.

Check them out

C425_home2

Going Home

A lovely WebGL project made by 302 chanwoo.

Check it out

C425_Roller

Roller

Roller is a Sketch plugin that helps you find and fix design inconsistencies.

Check it out

C425_javascript

JavaScript engine fundamentals: Shapes and Inline Caches

An article by Mathias Bynens that describes some key fundamentals common to all JavaScript engines.

Read it

C425_unicode

More Unicode Patterns

Yuan Chuan shows how to create even more fantastic Unicode patterns.

Read it

C425_dreams

Theme For A Dream

A beautiful audio-visual web experience using WebGL and Web Audio created for the launch of Natureboy Flako’s second album “Theme for a Dream”.

Check it out

C425_shy

Shy blob

Cassie Evans created this super-cute dancing blob demo using tracking.js for face detection. The blob stops dancing when you watch.

Check it out

C425_font

Free Font: Renner

A beautiful evolution of Futura designed by indestructible type.

Get it

C425_soundlines

Spaghetti Audio

A fun demo by Joe Harry.

Check it out

C425_distinct

Distinct Design Systems

An interesting article by Dan Mall about what makes a design system better than any other.

Read it

C425_colorspark

ColorSpark

Luke Johnson created this tool to help designers find unique colors and striking gradient combinations.

Check it out

C425_worldcup

World Cup 2018 …in JSON

The classic API for the World Cup, now with all the new data for 2018.

Check it out

C425_chrome

ChromeREPL

In case you missed it: a Sublime Text plugin to execute JavaScript in Google Chrome. By Arthur Carabott.

Check it out

C425_cancelok

Ok→Cancel versus Cancel→Ok

An interesting article on how buttons are arranged in the Factorio game.

Read it

C425_problempattern

The Problem with Patterns

Cathy Dutton asks the question if design patterns actually result in better-designed products and services.

Read it

C425_8pt

8-Point Grid: Typography On The Web

Ellito Dahl shares some best practices for 8pt grid typography.

Check it out

C425_Yett

Yett

A small library to control the execution of scripts on a website.

Check it out

C425_emoji

Weboji

A library for building your own animoji embedded in Javascript/WebGL applications.

Check it out

C425_vuenative

Vue Native

A great project by GeekyAnts: a framework to build cross platform native mobile apps using JavaScript. Read more about it in this article.

Check it out

C425_wordpress

Google PageSpeed Insights – Scoring 100/100 with WordPress

Brian Jackson’s step-by-step guide on how to achieve better website performance.

Read it

C425_bash

Pure Bash Bible

A collection of pure bash alternatives to external processes.

Check it out

C425_ImageReveal

From Our Blog
Full Image Reveal Effect

A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.

Check it out

Collective #425 was written by Pedro Botelho and published on Codrops.

Motion Design: Hidden Treasures: Bauhaus Dessau

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/-NfxhQdQZz0/motion-design-hidden-treasures-bauhaus-dessau

Motion Design: Hidden Treasures: Bauhaus Dessau

Motion Design: Hidden Treasures: Bauhaus Dessau

abduzeedo
Jun 15, 2018

Sebastian Onufszak, LAFKON Publishing, Jürgen Branz and Stephan Bovenschen shared a lot more information on the process behind the beautiful Adobe project Hidden Treasures: Bauhaus Dessau. Below you can see five motion design clips for the Adobe project. They were screened on the largest media wall in Europe during the #FutureOfDesign event with Scott Belsky on June 13th in Hamburg. Commissioned by Faktor 3.

The #AdobeHiddenTreasures fonts were directed by Erik Spiekermann and Ferdinand Ulrich.
Review and production by Adobe Originals (Dan Rhatigan and Ernie March).

The fonts are available via Adobe Typekit. More about the #AdobeHiddenTreasures project here.

Credits
Design & Art Direction: Sebastian Onufszak
Animation: Benjamin Stephan, Christoph Haag, Sebastian Onufszak, Stephan Bovenschen
Sound Design: Jürgen Branz
Agency: Faktor 3, Peter Stützkowsky
Client: Adobe, Daniel Vargaz Diaz, Katja Dollinger
Screenshots

Color Code

Quote Charts

Projection on Media Wall

Film 01: Typeface “Xants”

Film 02: Typeface “Reross”

Film 03: Typeface “Alfarn”

Film 04: Typeface “Joschmi”

Film 05: Typeface “”


15 Tools and Resources That Will Help You Grow as a Designer

Original Source: https://www.sitepoint.com/15-tools-and-resources-that-will-help-you-grow-as-a-designer/

This article was created in partnership with BAWMedia. Thank you for supporting the partners who make SitePoint possible.

It’s hard to stay in your web design comfort zone when trends and technologies are in a continual state of change. Many of your design and development tools might continue to serve you well for some time. The same may be true for the resources you rely on.

There will come a time however when a favored tool or a resource is no longer up to the task. Investing in new tools or resources is generally the easiest way to keep up with the changing times. This is especially when a tool or resource is easily affordable, and in some cases, free.

This might be a good time to take stock of what you have in your designer's toolkit. See whether some changes might be in order. This list of 15 of 2018's top tools and resources should get you off to a good start.

1. Mason

Mason

Requirements are always subject to change. These changes can be a headache to designers and developers as they usually involve repetitive cycles of work. Many of today's software tools are equipped to handle requirements changes only to the extent that they can repeat prior tasks.

Mason has a different approach.

Mason is a combination design/development, and maintenance/collaboration tool that can put an end to repetitive deployment cycles by relieving designers or developers the task of instituting changes or fixes they shouldn't have to be bothered with.

Mason has a wealth of software design features, including pre-packaged building blocks that address common requirements. What Mason does that is different is to allow downstream users (software maintenance individuals or teams, and even clients) to make changes in these building blocks in response to changing requirements or needs for fixes or product updates.

Mason's login and user registration protocols ensure that you always have total control over product changes, even though as a team leader or designer you're no longer required to make them yourself.

2. Mobirise

Mobirise

The ability to create mobile-friendly websites and apps is no longer a nice option to work with. In today's world it's mandatory. Some themes still treat device-friendliness as if it were a good design option to have. Mobirise on the other hand, was created with mobile devices in mind.

Not only does Mobirise contain everything you need to build device-friendly websites and apps, but it does so without any cost to you and without any restrictions whatsoever. Mobirise is free to use for both your personal and commercial pursuits. It's simply a matter of downloading it now and getting started.

Mobirise is an offline app, so you'll have total control over product design and hosting. It's also an excellent choice for smaller projects such as small websites, portfolios, landing pages, and promo sites.

3. Elementor

Elementor

If you don't believe Elementor is the #1 WordPress page builder on the market, you might take a close look at the numbers. 900,000 or so users downloaded this free, open source and feature rich page-building platform in a little less than 2 years.

Performance and ease of use account, in part, for Elementor's popularity, but its users also love its superior workflow features, visual form builder, custom CSS, and the menu builder.

Things are only going to get better for this product's users — and for you as well if you choose to download it. The Elementor 2.0 release, with a wealth of powerful new tools is already underway and will continue in increments throughout the rest of the year.

New features include enhanced WooCommerce shop product pages, single post page builders, new eCommerce page-building options and more. Users still can enjoy their favorite features of 1.0 version, too.

4. Goodiewebsite

Goodiewebsite

Goodiewebsite has helped hundreds of clients with website development. This is a platform, which specializes in websites on the order of 1-10 pages in size, design to code conversion (PSD, Sketch, Figma, XD, etc.), and simple WordPress sites.

Goodiewebsite services are cost effective and the tasks assigned to them are always performed professionally and reliably.

5. monday.com

monday.com

Whether you’re a team of two, or a team of 20,000 scattered around the globe, and whether it is tech on non-tech oriented, if you're looking for a high-performance team management tool, monday.com will suit your needs to perfection.

This team management tool allows you to accomplish tasks without spreadsheets or white boards and avoids any need for scheduling an unending series of meetings. monday.com promotes project transparency and empowers team members.

6. A2's Fully Managed WordPress Hosting

A2

A2 Hosting adjusts to your specific hosting requirements instead of the other way around. You can expect to receive precisely the hosting experience you want and need at an affordable price other services simply cannot match. Site staging, automated backups, blazing fast servers, 24/7 Guru support – it's all there!

7. The Hanger

The Hanger

Whether the plan is to create an online presence for an existing clothing retailer or open a strictly eCommerce business, you might as well do it with a touch of pizzaz to draw the customers in.

The Hanger is a modern-classic WordPress theme that's just the cup of tea for building a high-quality online store in no time at all and customizing it to fit your brand or your client's.

The post 15 Tools and Resources That Will Help You Grow as a Designer appeared first on SitePoint.

Best Examples of Great Logo Fonts

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/zu1D68da0V4/great-logo-fonts

How important is it for a company to have a great logo? It could mean the difference between years of success and failure. Today we can recognize companies just by looking at their logo alone. The golden arches will always represent McDonald’s, even if the name isn’t present. The “swoosh” logo lets us know that a shirt or […]

The post Best Examples of Great Logo Fonts appeared first on designrfix.com.

Improving Performance Perception with Pingdom and GTmetrix

Original Source: https://www.sitepoint.com/improving-performance-perception-pingdom-gtmetrix/

This article is part of a series on building a sample application — a multi-image gallery blog — for performance benchmarking and optimizations. (View the repo here.)

In this article, we’ll analyze our gallery application using the tools we explained in the previous guide, and we’ll look at possible ways to further improve its performance.

As per the previous post, please set up Ngrok and pipe to the locally hosted app through it, or host the app on a demo server of your own. This static URL will enable us to test our app with external tools like GTmetrix and Pingdom Tools.

GTmetrix first test

We went and scanned our website with GTmetrix to see how we can improve it. We see that results, albeit not catastrophically bad, still have room for improvement.

The first tab — PageSpeed — contains a list of recommendations by Google. The first item under the PageSpeed tab — a warning about a consistent URL — pertains to our application outputting the images randomly, so that is an item we will skip. The next thing we can do something about is browser caching.

Browser Caching

Browser caching

We see that there is a main.css file that needs its Expires headers set, and the images in the gallery need the same thing. Now, the first idea for these static files would be to set this in our Nginx configuration:

location ~* .(?:ico|css|js|gif|jpe?g|png)$ {
expires 14d;
}

We can simply put this inside our server block and leave it to Nginx, right?

Well, not really. This will take care of our static files, like CSS, but the /raw images we are being warned about aren’t really that static. So this snippet in our Nginx configuration won’t exactly fix this issue so easily. For our images, we have an actual controller that creates these on the fly, so it would be ideal if we could set our response headers right there, in the controller. For some reason, these weren’t being set properly by Glide.

Maybe we could set our Nginx directive in a way to include the raw resources, but we felt the controller approach to be more future-proof. This is because we aren’t sure what other content may end up with an raw suffix eventually — maybe some videos, or even audio files.

So, we opened /src/ImageController.php in our image gallery app, and dropped these two lines inside of our serveImageAction(), just before the line return $response:

// cache for 2 weeks
$response->setSharedMaxAge(1209600);
// (optional) set a custom Cache-Control directive
$response->headers->addCacheControlDirective(‘must-revalidate’, true);

This will modify our dynamic image responses by adding the proper Cache Control and Expires headers.

Symfony has more comprehensive options for the caching of responses, as documented here.

Having restarted Nginx, we re-tested our app in GTmetrix, and lo and behold:

Browser Caching

The post Improving Performance Perception with Pingdom and GTmetrix appeared first on SitePoint.

How Analytics Can Explain Your Abandoned Checkouts

Original Source: https://www.sitepoint.com/how-analytics-can-explain-your-abandoned-checkouts/

If you’re in the ecommerce business, you already know that users often abandon their carts at the checkouts. In fact, studies indicate that the average rate of cart abandonment is 67.91%, although this can be as high as 80% in some cases. Annoying, right?

Why are users doing that? Well, the answer lies in your analytics.

People abandon checkouts for various reasons, and those reasons can vary by user demographic, geographic location and more. It can even be the shock of unexpected shipping costs, or that users aren’t convinced their sensitive details are secure on your website.

And of course, UX plays a huge role in that too. Users hate:

broken functionality
confusing checkout flows
signing up before checking out.

Reasons for abandonments during checkouts

Three out of four checkout abandonments are due to a sub-optimal user experience, but which of these causes is eating into your revenue?

Tools like Google Analytics, Hotjar, Fullstory, Crazy Egg and Optimizely can help us decipher what’s causing our shopping cart abandonments, and come up with effective solutions to improve UX.

In fact, you can easily recover 5–10% of your abandoned carts. Isn’t that cool?

First we’ll detect where users are leaving our website, then why they’re leaving our website, then how we can improve the UX so that future users don’t leave our website. The result? More revenue!

It’s also worth noting that while 59% of shopping experiences happen on mobile, only 15% of dollars are spent on mobile. This indicates that some of the most common UX shortcomings are mobile-specific.

What Tools Can We Use to Analyze User Behavior?

By analyzing user demographics and user behavior, you can improve your website’s user experience. Even though there are many tools that can allow you to do this, I’ll run through this tutorial using Google Analytics (free) and Crazy Egg (affordable) today.

With a quick setup, Google Analytics will help you to understand your visitors as they interact with your website, and from this we can identify where exactly visitors are abandoning our websites.

Crazy Egg is an advanced heatmap tool that allows you to observe those drop-offs in more detail, and to establish why users left and didn’t convert. With Crazy Egg, you’re able to dig deeper into that.

Setting up Conversion Funnels in Google Analytics

A conversion funnel is the journey a customer takes as they convert. We can use Google Analytics to record and analyze these conversion funnels, which begins with you inserting a few lines of JavaScript code on your website (to enable the tracking), although some ecommerce platforms help you to set this up without any code.

Now we need to set up a funnel to measure the conversion rate.

Step 1: Goals

First, log in to your Google Analytics dashboard and click on the Admin tab in the left-hand sidebar, then Goals.

Step 2: Creating a New Goal

Click the + New Goal button, and choose the relevant Goal template, which in this case is Place an order.

After that, click on the Next Step button.

Step 3: Describing the Goal

Next, give your Goal a name, and under the Type heading, choose what needs to be happen to trigger this Goal. In this case, the Goal is triggered when the user reaches the checkout confirmation screen, so choose Destination as the Goal Type.

Step 4: Goal Details

In Goal Details, you’ll need to reference the destination URL. This is the web page that visitors are taken to after they complete their checkout. If you’re using Shopify as your ecommerce CMS, this will most likely be /checkout/thank_you/, although it’ll vary by CMS.

Leave the monetary Value turned off and the Funnel option on.

Next, list all of the web pages (and their URLs) that shoppers navigate through during the checkout flow. The example below represents a typical setup for an ecommerce website hosted on Shopify.

A typical setup for an ecommerce website

Click the Verify this Goal button before the Save Goal button.

The post How Analytics Can Explain Your Abandoned Checkouts appeared first on SitePoint.

10 Resources to Find Free Textures

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/_g3o5Ei4lgY/

Textures are an all-but-necessary component in web design. They can give a webpage depth, draw the eye to key elements, serve as great backgrounds and just look great when used well! If you’re looking for free textures to enhance your projects, you’ve come to the right place. Here are ten free websites where you can download high-quality textures.

Free Stock Textures

Free Stock Textures

Created by two photographers and artists, this website hosts a ton of textures all licensed under Creative Commons Zero. From nature, to concrete, to abstract – there are all sorts of images to find here. You can also sort by tags, so it’s easy to find what you’re looking for.

There’s a download limit of 5 per day for anonymous users and 50 for registered users.

Pexels

Pexels

Pexels is a free stock photography resource, which has a textures section that contains tons of gorgeous, high-quality images. Images are user-uploaded and licensed under CC0. And there’s no download limit, so you can get as many as you want!

Unsplash

Unsplash

Unsplash is a free photography website supported by a large community of photographers. There are tons of textures and patterns, all available for personal and commercial use under CC0.

Textures.com

Textures.com

Textures.com is a versatile site that comes with basically every kind of textured graphic you can think of. Need photos? 3D scanned surfaces? Panoramas, decals or brushes? You can find them here. The robust search feature allows you to search for specific textures as well as tags like “seamless” or “scanned”.

You can download up to 15 images a day with an account. From there, you’ll need to purchase credits or a subscription. You’ll also need credits to download larger files.

Vecteezy

Vecteezy

Need textured vectors? Vecteezy is the place to find them. There are tons of beautiful, clean vectors available for download. Some are free while others require credit. You can sort by license, which is really helpful if you only want to see the free images.

Wild Textures

Wild Textures

Wild Textures has textures of all kinds, but where the website shines is in its sorting system. You can sort by categories, tags and even by color! This makes it super easy to find the perfect texture. There’s also some auto-generated previews of the pictures used for different functions.

Stockvault

Stockvault

This vault of stock photos and textures contains everything from grungy patterns to the abstract. Simple or complex, you’ll find a high-definition picture that fits your needs here. Users who upload can choose from commercial or non-commercial use, or public domain – so make sure to check the license.

Freepik

Freepik

Freepik has a massive library of vector textures that come in .ai and .eps format. Without buying a plan, you’re limited to 5 anonymous and 30 registered downloads a day. There are also a few commercial stipulations.

Texturelib

Texturelib

A small-but-robust library, Texturelib is free for personal or commercial use. Most of the images are inspired by nature, but there are also quite a few architecture textures – such as photos of roads, windows and doors.

TextureKing

TextureKing

TextureKing has a variety of grungy, nature-like textures, available for use in almost any commercial project. While the site features about 400 images and doesn’t appear to be updated very often, there are a few categories to pick from, and the high-quality textures can be downloaded for free without an account.

Textures in Web Design

When used correctly (and perhaps sparingly), textures are a great design choice. Use them to call attention to important elements, to craft a rough, grungy atmosphere – and to add depth and beauty to a flat design! With so many free resources, you should have all the tools you need to craft deep, gorgeous websites.


Collective #426

Original Source: http://feedproxy.google.com/~r/tympanus/~3/UEneBiHoou8/

C426_WOTW

Inspirational Website of the Week: OGINO

Pure and perfect design with smooth interactions. Our pick this week.

Get inspired

C426_Monday

This content is sponsored via Syndicate Ads
monday.com – A Revolutionary Visual Project Management Tool

?monday.com – the next generation of visual tools, built specifically for designers and developers. See what everyone on your team’s working on in a single glance.

Sign me up

C426_modules

Using JavaScript modules on the web

Addy Osmani and Mathias Bynens explain how to use JavaScript modules which are now supported in all major browsers.

Read it

C426_countdown

Building a Fancy Countdown Timer with MomentumSlider.js

Luis Manuel shows how to code a really nice looking countdown timer.

Read it

C426_jsconsole

How you can improve your workflow using the JavaScript console

Riccardo Canella shows how to use the JavaScript console to write, manage, and monitor JavaScript in the browser.

Read it

C426_soccerpattern

Soccerpattern

A retrospective of the greatest jerseys worn during soccer worldcups from 1930 to nowadays, as pattern designs.

Check it out

C426_vibora

Vibora (beta)

A very efficient, asynchronous Python web framework.

Check it out

C426_teleport

Introducing Teleport: Over-the-air hot reloading & debugging for PWAs

Eric Simons introduces Teleport, a fast dev-server proxy for simple and painless PWA debugging.

Check it out

C426_centering

Centering: The Newest Coolest Way vs. The Oldest Coolest Way

Chris Coyier updates us with the freshest way to center items using CSS Grid.

Check it out

C426_redux

Understanding Redux: The World’s Easiest Guide to Beginning Redux

A comprehensive and easy to understand guide to Redux by Ohans Emmanuel.

Read it

C426_pixelbuddha

Terrazzo Abstract Patterns

A set of 16 modern patterns for your next stylish design. By Pixelbuddha.

Check it out

C426_voronoi

Voronoi Airports WebGL

A fantastic WebGL experiment showing all airports in the world as a Voronoi diagram. By Callum Prentice.

Check it out

C426_websiteperf

Optimize Website Speed With Chrome DevTools

A tutorial by Kayce Basques where he shows how to use Chrome DevTools to find ways to make your websites load faster.

Read it

C426_browserbug2

I discovered a browser bug

Jake Archibald tells the interesting story of a huge browser bug he ran into.

Read it

C426_notifications

iOS 12 Dark Mode Notifications

Gabrielle Wee created this beautiful design for dark mode notifications on iOS 12.

Check it out

C426_video

Three.js & Video: A love story

Read about a great experiment of interactive video in HTML5 using Three.js by Héctor Monerris.

Read it

C426_placeholder

Don’t Use The Placeholder Attribute

Read why Eric Bailey urges developers to stop using the placeholder attribute.

Read it

C426_layoutsgrid

Three Grids

Tobi Reif made three different responsive layouts that show the awesomeness of CSS Grid.

Check it out

C426_logos

Open Logos

Some lovely free logos for your open source project.

Check it out

C426_drop

SVG Drip Loader

A fun SVG loader by Chris Gannon.

Check it out

C426_draw

Drawing Zone

Michael Shillingburg updated his fun doodeling tool.

Check it out

Collective #426 was written by Pedro Botelho and published on Codrops.

Overcoming The Illusion of Per Project Profitability

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/YFIeZbujxqI/

The illusion of per-project profitability can be a tough mindset nut to crack. I’ll talk with digital agency owners that say things like, “I have a 70% profit margin!” What they are telling me is that they have a seventy percent gross profit margin. They sell a project for $10k and pay some offshore team $3k to deliver it.

What they fail to consider is their business’s fixed costs – or their competitive wage – into the equation. The reason these numbers are significant is that they happen every month, regardless of how many projects you bring in. Your mortgage doesn’t care how fat your per-project margins are, just that you have their dough every month, relentlessly for 360 months.

I can’t tell you how many times I have heard someone say how profitable his or her work is, only to discover that his or her business is unprofitable. I will hammer this point until all agency owners understand it, or you decide to punch me in the face.

How This Works

The math to figure this out is simple. The problem I find when consulting with most digital agency owners, especially those with agencies less than a million dollars a year, is that they don’t pay themselves a fixed wage. They pay themselves whatever is left over at the end of the week or month (or they charge those plane tickets for their upcoming vacation to their business credit card because their personal account is broke – I speak from experience).

To figure out profitability, I always ask an agency owner to tell me what they should get paid every month. Thinking about their salary makes the math I’m about to show them more painful, but alas, more realistic. Let’s take a virtual agency of one as a baseline example. They sell $10,000 projects here and there, and the owner (should) makes a $60k per year salary with another thousand in fixed costs for hosting, internet and the like.

That scenario looks something like this:

 
Month 1
Month 2
Month 3

Revenue
$10,000
$0
$10,000

COGS/Labor
$4,000
$0
$4,000

Gross Margin
$6,000
$0
$6,000

Fixed Op Ex
$6,000
$6,000
$6,000

Net Profit
$0
-$6,000
$0

This business is now $6,000 in the hole. Since the owner isn’t paying themselves a fixed wage, they don’t pay themselves that second month and might still hold the illusion that the business is ok, they just are putting in sweat equity or something.

No, the business is not ok, and you’re not ok.

Wake Up Now

Before I showed this digital agency owner this math on the back of a napkin, they had proclaimed to me that their work was indeed profitable. My response is, “who cares, you’re not getting paid, and the business is redlining!”

At this point, I usually ask something like:

“How does it feel to know what’s going on in your business?”

Which gets a response of varying degrees of:

“It makes me depressed.”

Good. An unprofitable business makes me depressed too. However, now we know. And the more we know about what is going on, the more clear we are on the actual issues at hand. We can solve problems with better solutions than just not paying us.

“Deciding not to pay yourself to solve a business problem should be the last solution on the table. Not the go to each month because you are avoiding hard decisions.”

When people realize this injustice they are putting on themselves, I want them to go to bed fuming. I want them to think, “How have I let this happen?!”

We can put that energy and frustration to good use.

Channeling the Energy

If we run with the above example, we could make two relatively simple changes to this business and see lasting benefits.

The first would be a small update to their pricing model. I’m not talking about getting all hardcore by doubling their prices (which wouldn’t be wrong, but probably a bit reckless). In my head, I would be targeting at least a 15% net margin after paying themselves a wage. Since this example uses nice round numbers, month one and three operate at a 0% margin, so we can raise prices by 15% with everything else holding true we’d have the target margin.

The second would be to hammer into their head that they need to sell a $10k project EVERY month. If they told me that they didn’t get that many leads, then we’d solve that problem. If they said to me that they couldn’t deliver that much work, then we’d solve that problem. With enough time maybe we’d solve both problems.

With those two changes, here is how their situation changes:

 
Month 1
Month 2
Month 3

Revenue
$11,500
$11,500
$11,500

COGS/Labor
$4,000
$4,000
$4,000

Gross Margin
$7,500
$7,500
$7,500

Fixed Op Ex
$6,000
$6,000
$6,000

Net Profit
$1,500
$1,500
$1,500

Now we have true profit! The magic of pricing and volume.

Your Marching Orders

Getting clear on this issue in your business requires you to get clear on your financial numbers. I have been (unpleasantly) surprised at how many agency owners are not clear on this. This issue doesn’t affect the small shops as I illustrated in my example. I’ve worked with agencies with over $100k in monthly revenue that were unprofitable (but were convinced that shouldn’t be so because of the per-project illusion!).

The other thing that I demand of people is that they set a baseline salary for themselves and any other owner. The more this number equals a competitive wage for the position you fill in your business the more accurate our net margin number will be.

It’s just too easy for an agency owner to vary their pay and push this issue under the rug. Maybe it’s because we get beat around by our clients so much that we don’t think our salary is that important.

When in fact, it’s the MOST IMPORTANT NUMBER when running a business. When an airplane is going down, you put your oxygen mask on first. Then you take care of those around you. If your pay fluctuates, you lose respect for yourself. Your peers or spouse will think your business is not dependable. These views will seep into your mindset.

If you don’t pay yourself regularly, the chances of you going out of business go up significantly. Set a target wage. Get clear on your fixed monthly expenses. Make sure you track your company’s monthly performance.

How much margin you make on an individual project matters. Putting that number in the context of your month-to-month profit and loss statement is more important. I’d rather hear you say, “I have a 15% profit margin!” and for that to be real business profit margin after paying yourself a competitive wage than some 70% blasphemy.

If you don’t know this stuff, stop what you are doing, and figure it out RIGHT NOW. That client can wait. Your future depends on it.