Freelancing Introduction

Hi, I'm designer with seven years of experience. My passion is to create a highly effective visual communication, to find innovative & suitable solutions, to take up the challenge.

My work involves projects development and graphic design: UX\UI\IxD; Web; Corporate Identity; Marketing. As project manager, I guide visual design and development projects ensuring and owning their success. As a designer, I create concept, defining the problem, choose aesthetic side and determine implementation from inception to fruition.

I found that to build a stable work process with the client, to define key points & create ready to go product needs flexible and broad experience along with great communication.  So I created this course where I can explain specifics of the work for someone who are willing to work alongside on freelance as manager or junior designer.

Basix

Terms

• Adaptive Design – Адаптивний дизайн, це макет в якому враховується зміна елементів відповідно пристрою на якому використовують сайт чи додаток

Applications | Apps – Програми, додатки (Android App, iOS App, etc…)

Approve – Затвердження дизайну

Brief | Summary | Description – Базова інформація по проекту, на якій він базується, відправна точка

CMS | Content Management System – Система управління контентом (найбільш популярна це – Wordpress)

Coding | Development – Розробка, реалізація дизайну в коді

Implementation – Реалізація. впровадження продуку, технічне рішення • Invoice – Документ по оплатіб вимога оплати наданих послуг

Deadline – Термін здачі проекту

Deliverables – Файли, ресурси що мають бути здані по завершенню замовлення

Feedback – Відгук чи правки, по зданому матеріалу\дизайну

Fixed Price – Фіксована ціна на проект

Hourly Rate | Hourlies – Погодинна ціна на проект

IA Information Architectire – Розробка інформаційної структири проекту та робота з контентом

IX | IxD Interactions Design – Розробка деталей взаємодії, може включати анімації, інтерактивні прототипи  

Icons Set – Набір іконок, як правило зі збереженням стилістики

Landscape – Альбомна (горизонтальна) оріентація зображення (фотографії, екрану, і т.д.)

Layout – Розміщення елементів на сторінці. Попередній (структурний) дизайн веб сторінки, додатку чи матеріалів для друку.

Loading Screen | Splash Screen – Екран завантаження додатку

Milestone – Контрольна точка при виконанні проекту, може стосуватись певного етапу розробки та оплати

NDA | Non Disclosure Agreement – Документ про нерозкриття деталей та інформації, що стосується проекту

Outputs – Вихідні файли, для здачі проекту

Portrait – Портретні (вертикальна) оріентація зображення (фотографії, екрану, і т.д.)

Reference(s) – Приклади дизайну, оріентовні зразки для поточного завданняі

Resources – Матеріали, джерела задіяні в проекті

Responsive Design – Формат дизайну (переважно веб) при якому сайт чи додаток має гнучку структуру і змінюється залежно від ширини екрану (щоб трансформуватись від великого екрану до мобільних пристроїв)

Screen Resolution | Ratio – Розширення екрану | співвідношення сторін (як правило зазначається у пікселях)

Screen – Як правило використовується у сенсі дизайну одного ‘екрану’ додатку чи веб сторінки

Slicing – Нарізка окремих елементів по дизайну (наприклад сортування всіх окремих частин веб сторінки, малюнків, іконок, шрифтів, текстур)

Template – Шаблон, може стосуватись дизайну (типографічний шаблон журналу) чи веб розробки (шаблон веб-сторінки чи теми для CMS)

Touch Devices – Сенсорні прилади що працюють через дотик – смартфони, планшети, інтерактивні дошки (touch design – повинен враховувати особливості роботи через дотик та спеціальніі жести)

Transitions – Елементи взаємодії, анімації (наприклад те як ведуть себе елементи веб сторінки. Поява, зникнення, зміни)

UI | GUI – User Interface | Graphic User interface – Дизайн графічних інтерфесів (найчастіше мобільних додатків)

UX |User Experience – Досвід користувача, або дизайн принципу роботи сервісу, його оптимізація, аналіз дій користувача та їх оптимізація. Переважно це схематичний дизайн, може включати в себе прототипування та анімаці

Visual Hiererchy – Візуальна іерархія елементів

WIP's – Work in Progress – Робота в процесі, чорновики, ідеї, різні напрацювання що ведуть до фінального результату

Wireframes – Схематичні креслення інтерфейсу, ідея макету

Workflow – Покрокова логіка роботи додатку чи сервісу – Адаптивний дизайн, це макет в якому враховується зміна елементів відповідно пристрою на якому використовують сайт чи додаток

Directions

Graphic Design – Графічний дизайн, дизайн графічних елементів (як правило стосується дуже широкого ряду робіт, переважно уточнюється пунктами вказаними нижче)

• Corporate Style – Дизайн корпоративного стилю, брендбуків, візуальних гайдів

• Brand Identity– Дизайн що стосується стилю компанії, стилю брендів, включає в себе елементи маркетингу та реклами, з орієнтацією на кінцевого споживача, брендинг стратегії

Logo Design – Дизайн Логотипів

Web Design – Дизайн веб сторінок та веб серівсів

Landings – Дизайн рекламних веб сторінок, оріентованих на кінцевого споживача та “Call to Action”

User Interface Design – Дизайн графічних інтерфейсів: веб-сервісів, мобільних додатків та різного типу мобільних платформ (телевізорів, різного типу планшетів, годинників, і т.д.)

User Experience – Дизайн прототипів, схем розробки інтерфейсів, також консультація та огляд для можливого покращення поточних продуктів.

Usability Testing – Аналіз інтерфейсів чи сервісів з відповідним звітом та оглядом можливої оптимізації

Typography – Дизайн що стосується типографіки та текстових макетів • Iconography – Іконографіка, може стосуватись як наборів іконок для візуальної комунікації, так і промо іконок для додатків, веб-сайтів, тощо.

Retouch - Фоторетуш

Photo Manipulation – Фотоманіпуляції та композиції

Tools of Trade

Adobe Photoshop – Програма для роботи з растровою (та частково векторною графікою)... з широкими можливостіми, від розробки інтерфейсів, роботи з матерілами для типографіки, оборобки та маніпуляції фотографій. Основні робочі формати: .psd; .tiff; .jpg; .png; .pdf;

Adobe Illustrator – Програма для роботи з векторною графікою (та частково растровою)... в основному для створення векторних логотипів, іконок, типографіки та ілюстрацій. Основні робочі формати: .ai; .eps; .svg; .pdf; .tiff;

HTML – Мова гіпертекстової розмітки веб сторінок, для побудови основного контекту сторінки. Маю базові навики, як правило її розуміння це плюс при прийняття на проект.

CSS – Каскадні таблиці стилів, для задання стилю веб сторінки. Маю базові навики, як правило її розуміння це плюс при прийняття на проект. iOS Devices – Дизайн інтерфейсів для iPhone та iPad

Android Devices – Дизайн інтерфейсів для девайсів на Андроїді

Windows – Дизайн інтерфейсів (додатків\програм) для OS Windows (7\8\10)

Flat Style | Web 2.0 – Тренд в сучасному дизайні, чистий, умовно “плаский” інтерфейс, прйшов на зміну сквеморфізму, в якому використовувались багаті графічні об’єкти, градієнти(переходи кольору) та імітації об’єму. Не є чимось особливим, але замовники часто виділяють.

Android Material – Сучасний тренд, широко застосувується, поширений серед додатків Андроїд  та численних сайтів, виконаний у стилі flat дизайну.

Windows Metro – Сучасний тренд, стиль застосунків для віндовс 8 та 10, також може використовуватись у веб дизайні, але рідше.

Twitter Bootstrap – Один з набільш поширених фреймворків (бібліотек елементів для швидкої розробки веб сервісів), замовники часто ставлять як пункт, дизайн буде збиратись відповідно уже заготовлених елементів з попередньо розробленою стилістикою та взаємодією, тобто функціоналом, що передбачений фреймфорком.

Wordpress – Найбільш поширена CMS, попередньо орієнтована на блоги, але дуже гнучка з широкою підтримкою, тому застосовується в різного роду веб проектах: персональні сайти, лендінги, портфоліо, онлайн магазини, невеликі соціальні мережі, тощо…

Workflow

Steps

1.       Look for new project

2.       Provide our proposal

3.       Build up communication - Clarify details

4.       Prepare Estimate & Brief

5.       Start work (Delegate to Designer\Developer)

6.       Provide results

7.       Get Feedback (Delegate updates to Designer\Developer)

8.       Deliver final result & outputs

9.       Prepare & deliver invoice

10.   Ask for good review & prepare review for employer

11.   Finalise all details & close the Project  

Projects

Projects Market:

  1. Projects on main freelancing platforms online like:
    • freelancer.com
    • peopleperhour.com
    • upwork.com
  2. Projects on local freelancing platforms like:
    • freel.com.ua
    • fl.ru
    • ua.profstore.com
    • freelansim.ru
  3. Contest based projects:
    • 99designs.com
    • freelancer.com
  4. Direct orders\commisions
  5. Partnership & Cooperation

Project Types:

1. Hourlies: Charged per hour, depending on project complexity and expertise level;

2. Estimated: Price based on entire project estimate, paid once project completed, prepay may be charged; Defined by signed contract with employer and certain amount of work or certain result;

3. Contest: Contest has predefined task and prize for one or few finalists;  We could use it as test projects or in a spare time;

4. Partnership: Own project or projects in which we might participate as interested part; Usually referred for useful tools\services or long-term profit;

5. Subcontracting: projects in which we participate as third-party, doing part of the work or providing our support;

NDA\Open Project: Projects might be under a non-disclosure agreement or open… at the beginning, we may ask for permission to use it in our portfolio;

Manifest

Basic terms that intended to prevent most common misunderstanding:
 

Clear Brief: Provided by a client or prepared with our consultations regarding all requirements.

Reasonable Corrections: We can provide a detailed description of all changes and solutions, as well we’ll provide a detailed explanation if your request might be not the best solution or choice. With all due respect we want to provide the best service and create a high-quality product, yet from our experience, there is a lot of corrections from clients that based on guesses or preferences which can be quite subjective. So all of our experience in the field at your service.

Multiple Corrections: We’ll be glad to make a set of different concepts and presentations, different solutions in order to find best one. For some project, it's enough to make and polish single design option, but for others, it can take additional time and research with further improvements & reshaping to fulfil requirements based on different parameters such as usability reviews, market specific, etc... Please note it and consider either you need one polished shot or efficient system to progress further after a set of iterations.

Payment: You pay not only for a ready-to-go product but for our experience & solution for your problem. So all of the time spent on the project regarding the level of expertise are placed in an invoice. But besides that, you can always expect for free advice & side-support. We have a range of predefined hourly rates due to a qualification of your project.

Communication

  • For a proposal, we have set of bird templates which may be modified and personalised depending on a project
  • Communication may be maintained on freelancing platform, through email and skype, for some employers with voice\video conferences, for some in a form of chat and document exchange ·        
  • Freelancer\Agency: Some employers prefer to work with freelancer 1-to-1, rather than with studio, so we may provide this option (presenting CreativeCraft as community, so employer could work directly with independent designer we provide to with, with no additional charges)
  • Be respectful, professional, yet friendly if possible; Build communication depending on a client, for someone acceptable only professional strict discussions, for some it’s totally ok to make jokes and make all interaction more comfortable; more engaging… try to mimic their style; ·        
  • Avoid arrogant and unprofessional employers, titles like “WE NEED THE BEST SITE EVER!!!!”; Avoid people who expect to much for unfair price, who not tolerate professional opinion and compromises, who’s overconfident and think that he knows more than qualified professional, yet without any knowledge on a field or some poor knowledge, and those who sets unreal goals;

Services

For Communication: 

For Files Exchange:

For Project Managment:

  • Asana - CreativeCraft (Projects\Briefs\Tasks\Logs)
  • InVision (Project Visual Representation & Feedback)
  • Atlassian Jira (Project Managment)
  • GitHub\GitLab\GitBucket (Project\Code Development)

SMM:

  • CreativeCraft Website\Blog
  • LinkedIn
  • Facebook
  • Google+
  • YouTube
  • Vk CreativeCraft Brain Center
  • Behance

Test

Choose the main instrument of operations:

  • Adobe Photoshop
  • Agrimotor
  • Analysis & Imagination

Are you interested in cooperation and why?