Tuesday, June 30, 2015

Is it time you opened a design agency?

http://ift.tt/1T0IlTx

You’ve been busting your ass for years as a freelance designer, taking projects as they come, performing every role required for a successful business: producer, CEO, HR, accounting, marketing, and sales…you’re starting to wonder if there’s a next step. Can you break free of the grind of everyday tasks and get back to what you love, the design work itself? Is there a way of sinking your teeth into more complex, artistically challenging projects?

One option is to quit the solo freelance life completely, and become an agency. It’s a big change, but an exciting one. As an agency, you’re able to build a team of experts around you who take care of running the company while you concentrate on what you enjoy most. For some, that’s getting out there and networking, raising the profile of the company and landing those big clients. For others, it’s butt-in-chair, creating designs and challenging their creative muscles by taking on more exciting client work.

Why shift to an agency model?

There are several advantages to becoming an agency instead of continuing as a freelancer:

  • An agency gives your company the chance to grow. As a freelancer, your income is capped to the number of hours you’re able to work.
  • An agency allows you to learn new skills. Many freelancers can grow bored of doing the same types of projects over and over again.
  • An agency enables you to pitch bigger projects. With a team around you, you’re able to take on larger, more expansive projects than when you’re a one-person show.
  • With an agency, you can delegate other tasks (such as admin, web development, or accounting) whereas a freelancer has to take care of everything to do with the business.

If you’ve decided to have a go at the agency model, here’s how to get started: Design your agency to fit your process.

Want to turn up to client meetings wearing a superhero outfit? No one is stopping you

Since you’re starting an agency from the ground-up, you can design it to suit your needs. Want to work with clients in different countries? You can. Want to operate solely in the virtual space? Easy! Want to turn up to client meetings wearing a superhero outfit? No one is stopping you.

A good idea is to start by taking on a broad range of work, whatever lands on your desk, to keep the money flowing in. As you grow the business over two or three years, you can begin to narrow down into a more focused niche, and create packages and marketing to attract more of the work you want to specialize in.

Branding

As a designer, the first thing you’re going to need to deal with is creating the brand identity of your new agency. An agency needs a brand distinct from your name and freelance business. If you wish to sell the company one day (and it’s always an option you should leave open) you’ll need to brainstorm a name, get new business cards, design a website and produce marketing collateral to fit that brand. Start thinking about how you want your agency to be known.

Here are some tips for branding your agency:

  • Have a look at how other agencies in your industry brand themselves. Choose 5 brands you like and write down three words to describe each brand. This helps you to solidify concepts for your own brand.
  • What’s in a name? Your company’s name should be memorable and have a story behind it. If you’re trying to sell your creativity as an asset, you need a creative name. Choose 10 different names and ask friends and family to pick their favorites.
  • Think about the mood you want your brand to invoke. Do you want people to look at your branding and think, “Innovative”, “Classic”, “Elegant”, “Quirky”, or “Zany”?
  • Keep your brand simple and timeless. There’s nothing worse than having to rebrand your company or overhaul your website every couple of years because your brand is based on a fading trend. Instead, opt for a more enduring look.
  • Ensure your name allows for growth. Don’t call your company “Two Designers and Their Dog”. While that’s cute and attention-grabbing, if you ever decided to add another designer, you’d need to change the name.

Graphic Designer Shauna Haider went from freelancing to opening her own agency, Branch. She wrote a fantastic article on starting a new business that details the steps she took to get her agency up-and-running.

Assemble your team

A good agency is a team effort, with you as the captain of the ship. Who do you need on your team? Some suggestions include:

  • account manager;
  • accountant and bookkeeper;
  • production assistant;
  • admin assistant;
  • other designers or creative talent to flesh out your team.

Remember that just because you’re an agency, doesn’t mean you have to start employing full-time staff and searching for an office space. You can shape your agency however you want. For most freelancers starting out, this means assembling a team of fellow freelancers you trust, who you can call in on projects as you need them. With online tools for time tracking and project management, your staff and clients can be in any location and still work in sync.

Get your admin sorted

Nothing will sink a new agency faster than undercharging…because you aren’t accurately tracking time

With a team in place, you’re going to need a method for managing your jobs and ensuring that time spent on each task is properly recorded and charged for. Nothing will sink a new agency faster than undercharging for jobs because you aren’t accurately tracking time spent.

Most modern agencies are looking toward cloud-based software to solve their project management needs. An online system has several advantages for your fledgling agency:

  • Pricing is based on a monthly subscription, which is much more affordable than a huge outlay for software licenses.
  • You can work wherever you are in the world, enabling you to run your agency while being location independent or managing a team scattered across different locales.
  • Cloud-based systems enable data to be recorded and reports generated with the click of a button, so you can instantly get a snapshot of how well your agency is doing.

Marketing your agency

So how is marketing your agency and finding new work different from working as a freelancer?

It’s not, really. It’s just that as an agency you have more clout and power to go after the bigger jobs. Send an email to your current and old clients, letting them know that you’ve opened a design agency. Explain that this means you can continue to provide the same level of service they’ve come to expect; but now you have the capacity to take on more intensive projects.

Starting an agency is a daunting prospect, but it’s also an exciting transition for any freelancer who is looking to push their business beyond their own capabilities. The agency model offers many benefits over freelancing, and it could be the key to landing the kind of design projects you’ve only dreamt about until now.

Retouch Images Like a Pro with PixelGear 2 – only $24!


Source

Vía Webdesigner Depot http://ift.tt/1LStdTT

Monday, June 29, 2015

50+ incredible freebies for web designers, June 2015

http://ift.tt/1LQoQIU

New projects are being released all the time that make us excited, curious, inspired and sometimes a little bit jealous. Today we continue our monthly series of the very best free resources for web designers with a collection that includes cool scripts, awesome fonts, great ideas, and must-see experiments.

If this month’s collection is anything to go by, the Summer is shaping up to be a great few months for web design! Whether you’re a designer, developer, or enthusiast we’re sure you’ll find something here to feed into your next project.

Animated weather icons CSS snippet

This set consists of 6 amazing icons for weather purposes. The icons are made with CSS and the cool thing about them is that they are nicely animated!

Animated Weather Icons CSS Snippet

Free set of vector isometric material icons

A pack of icons in isometric perspective and a Material style depicting different devices and other elements. 

Free Set of Vector Isometric Material Icons

Vector Android icons pack

A really big collection of icons for Android, divided into several categories for easy access, totally editable thanks to vector shapes. All of them follow the official Android guidelines for icons.

54K Editable and Scalable Android Icons

Tri-fold brochure Photoshop template

A clear and easy to modify tri-fold template made in PSD format. It uses clear typography and simple imagery to get to the point (usually selling a product or service).

Tri-fold Brochure Photoshop Template

High-resolution iMac PSD web mockup

A high-resolution mockup of an iMac beautifully styled and located, evoking simplicity and professionalism. Includes smart objects to easily add your creations.

High-resolution IMac PSD Web Mockup

Free CV PSD and AI template

A different design for a CV, perfect for designers, showcasing all their strengths, skills and educational level. Made in Photoshop and Illustrator.

Free CV PSD and AI Template

Fancy editable PDF items for scene generation

This is a big collection of more than 440 items, inspired by many industrial designers. The elements come as individual and editable PDF elements.

Fancy Editable PDF Items for Scene Generation

Branding identity presentation PSD mockup

A compelling branding UI kit including a business card, letterhead, logo showcase, and iPhone screen mockup in a photo-realistic environment.

Branding Identity Presentation PSD Mockup

300 cute icons and avatars in Kawaii style

300 multipurpose icons and avatars comprised in a single pack, created with a Kawaii style and editable to their core.

300 Cute Icons and Avatars in Kawaii Style

Verve: a sleek mobile user interface PSD kit

A set of 15 PSD user interface screens for a mobile app. It has a dark style and it’s mainly focused on photography.

Verve: A Sleek Mobile User Interface PSD Kit

Free lucid PSD UI kit

A minimal user interface kit made in PSD format called Lucid. It has a gorgeous color palette, standing out thanks to semi-realistic colorful components.

Free Lucid PSD UI Kit

Creative UI kit: a flat Bootstrap responsive web template

A creative and colorful user interface kit for making a complete website. It includes menu bar, video player, calendar, weather and skills widgets, and others.

Creative UI Kit: a Flat Bootstrap Responsive Web Template

Flat user interface PSD design kit

This user interface kit is a flat creation made for Photoshop, totally editable and scalable. The UI is free and customizable, usable for personal and commercial projects.

Flat User Interface PSD Design Kit

Simple shapes wireframe for Sketch

A basic and light website set of wireframes consisting of simple shapes available for Sketch. It was designed by Yusuf Besim.

Simple Shapes Wireframe for Sketch

53 multi-style vector tri-fold templates

A set with 53 templates for tri-folds, perfect for showing your products and services, web and print ready, and fully editable.

53 Multi-style Vector Tri-fold Templates

Parker: hand crafted grunge font

Parker is a vintage grunge handmade typeface, awesome for posters, stationery design and t-shirts. It can be used in logos and badges as well.

Parker: Hand Crafted Grunge Font

Dpopper: free 3D-like puffy font

Dpopper is a complete font which includes regular, italic, regular, greek characters, numbers and additional symbols. It is puffy and can be used in lots of web and printed designs.

Dpopper: Free 3D-like Puffy Font

Zujal: free cartoon vector font

A simple font created by designer Igor Petrovic who had the idea to make a multi-purpose font that can also be elegant and playful.

Zujal: Free Cartoon Vector Font

 

Hallo Sans: free elegant typeface

Hallo Sans is, as its name indicates, a sans serif font which also happens to be elegant and sharp, fitting all sorts of website designs.

Hallo Sans: Free Elegant Typeface

Free PSD landing page design

A PSD template with an organized template and organized layers and groups. It has a kids-learning focus, especially in the areas of technology and programming.

Free PSD Landing Page Design

TripWay: travel and adventure PSD template

This PSD template is perfect for travellers and adventurers seeking for ways of showing their experiences. It has a bright color palette with colors that can be easily modified.

TripWay: Travel and Adventure PSD Template

Email client Photoshop template

A simple template for Photoshop with the necessary elements for creating an email client. It’s clean, minimal and its color use is exceptional.

Email Client Photoshop Template

One page PSD website template

A free single page website PSD template, designed especially for any sort of mobile app showcase. Comes in an organized PSD format file.

One Page PSD Website Template

Cover: free minimal writing WordPress theme

This WordPress theme is perfect for writers and bloggers only interested on sharing their thoughts with the world. The theme is GPLv2 licensed.

Cover: Free Minimal Writing WordPress Theme

Urban Bold: refreshing blogging WordPress theme

A cool blogging theme for WordPress sites which has a simple layout, focusing on the written content. The theme is well rated and free.

Urban Bold: Refreshing Blogging WordPress Theme

BillyDroid: mobile and technology blogging WordPress theme

BillyDroid is a nice WordPress theme, perfect for Android, mobile and technology related websites which can be easily customized and implemented.

BillyDroid: Mobile and Technology Blogging WordPress Theme

Startup WP themes, a complete collection

This collection of stylish and multifaceted WordPress themes can help you develop your business to success. Free and ready to use.

Startup WP Themes, a Complete Collection

Retrospect: one page HTML5 template

A beautiful one-page template perfect for startups and small business in need of showing products and services.

Retrospect: One Page HTML5 Template

Majestic: interior design multipurpose HTML web template

Majestic is an HTML template for websites focusing on interior design or architecture. It is free and you can use it for freelancing purposes.

Majestic: Interior Design Multipurpose HTML Web Template

Multiple page scroll CSS effects

This is a set of CSS transition effects for pages on scroll. There are several transition effects like parallax, fixed, rotation and more.

Multiple Page Scroll CSS Effects

Material button hover effect snippet

This snippet made with pure CSS generates a common button that shows options when hovered over.

Material Button Hover Effect Snippet

Off canvas menu with animated links

A snippet that generates an off canvas menu including animated links and multiple options, which can be edited easily thanks to its CSS and JavaScript code.

Off Canvas Menu with Animated Links

Auto-split form input fields CSS and JS snippet

A compelling code snippet for making forms that divides the input fields to add additional information. It is made in JavaScript and CSS.

Auto-Split Form Input Fields CSS and JS Snippet

CSS search button and field animation

A simple hover effect applied to a search input made in CSS which transforms the icon into an input, cool to save space on mobile devices.

CSS Search Button and Field Animation

DebugCSS: HTML CSS debugging tool built

A debugging tool made in CSS which checks your HTML by looking for potentially broken, malformed or legacy code.

DebugCSS: HTML CSS Debugging Tool Built

A11y: an online accessibility tool for websites

A tool for auditing websites by checking the accessibility issues to make it truly responsive and ready for all platforms.

A11y: An Online Accessibility Tool for Websites

Meat!: collaborative platform for web developers

Meat is a collaborative platform that can be installed on your own server, providing all the tools you need to develop web projects in a better way.

Meat!: Collaborative Platform for Web Developers

Codeface: a set of development fonts

Codeface is a set of monospaced typefaces for web developers, displayed in the main gallery to download and install the one you like the most.

Codeface: A Set of Development Fonts

Bootcards: bootstrap-built cards-based user interface

A user interface for creating cards with a dual-pane capabilities totally usable on mobile and desktop environments.

Bootcards: Bootstrap-Built Cards-based User Interface

CSS3, HTML5, microdata, open graph and twitter code generators

This online tool helps you generate code for CSS3, HTML5, microdata, open graph and Twitter, which you can later use on your website.

CSS3, HTML5, Microdata, Open Graph and Twitter Code Generators

Scally: Sass-based responsive ready CSS framework

A CSS framework based on Sass, BEM, and OOCSS, totally responsive and perfect for building reusable UIs easily and fastly.

Scally: Sass-based Responsive Ready CSS Framework

Scut: Sass utilities for web development

A collection of Sass utilities to help you make things easier and improve the implementation of common style-code patterns.

Scut: SASS Utilities for Web Development

Let’s Chat: small self-hosted chat tool

A persistent messaging application made with Node.js and MongoDB, intended for small teams that need to collaborate while making projects.

Let's Chat: Small Self-hosted Chat Tool

Bazel: quick and reliable code builder

Bazel is a website building tool for making development really quick and reliable. It is designed to handle huge source code repositories.

Bazel: Quickly and Reliably Code Builder

Dynamics.js: physics-based JavaScript animations library

A lightweight yet complete JavaScript library that allows you make animations based on mathematical functions and physics.

Dynamics.js: Physics-based Animations JavaScript Library

HTTTML: Custom HTML tags JavaScript library

A library made in JavaScript similar to vanilla HTML, which allows you create customized tags to style your code. It works best with an OOCSS toolkit.

HTTTML: Custom HTML Tags JavaScript Library

Vibrant.js: prominent image colors JavaScript extractor

This library made in JavaScript is perfect for selecting the most prominent color of a given image. The library uses the Palette class.

Vibrant.js: Prominent Image Colors JavaScript Extractor

Hammer.JS: DOM elements touch gestures JavaScript generator

This cool library helps you adding touch gestures for any kind of DOM element. The library is a small and clean creation in JavaScript.

Hammer.JS: DOM Elements Touch Gestures JavaScript Generator

FolderBuilder: folder tree view CSS and JavaScript library

A simple tree view organizer made with CSS and JavaScript, a useful tool for organizing complex projects.

FolderBuilder: Folder Tree View CSS and JavaScript Library

Flight: event-driven JavaScript framework

Flight is a simple framework for building JavaScript components, used in apps like TweetDeck and Twitter itself. Licensed under MIT.

Flight: Event-driven JavaScript Framework

Dokker.js: professional Javascript code documentation creator

A JavaScript library which gives you the basic elements for building a complete code documentation in a professional way.

Dokker.js: Professional Javascript Code Documentation Creator

Quttons: smooth jQuery button transformations

This jQuery plugin generates buttons that can be transformed into other kinds of elements, taking advantage of the Material design visual language.

Quttons: Smooth JQuery Buttons Transformations

Twitter Bootstrap date paginator

A simple to use date paginator made in jQuery for Twitter Bootstrap. It is simplified, modularized and lightweight.

Twitter Bootstrap Date Paginator

JQuery Calx: a formula-based calculation jQuery plugin

An Excel calculation engine and formula parser compressed as a jQuery plugin. It uses json and formula set imported from formula.js.

JQuery Calx: a Formula-based Calculation JQuery Plugin

Adagio Serif Family (18 Modern Fonts) – only $17!


Source

Vía Webdesigner Depot http://ift.tt/1RLgHXY