Как я создавал WEB-студию: история одного стартапа

Расскажу о том, как я создал свою WEB-студию и какие из этого вынес уроки.

http://www.webkapriz.ru/nodesign/001/images/display.jpg» hspace=»4″ align=»left» vspace=»4″/>Сейчас полно «деловой литературы», но бизнес можно изучить только на практике. Особенно в России. Расскажу о том, как я создал свою маленькую веб-студию и какие из этого вынес уроки.

1. Подготовка

К сожалению, подготовиться к началу собственного бизнеса просто невозможно, нереально работать на оклад и постепенно создавать фирму. Но я наивно полагал, что, сделав сайт и запустив рекламу, я смогу просто сидеть на телефоне и ждать заказов. Я работал в одной из небольших, но стабильных компаний, а редкие заказы (шабашки) через знакомых собирал в портфолио на отдельном сайте. Через некоторое время я подумал, что готов к свободному полету, и уволился.

2.

Надо сказать, что уволился я не в самый удобный момент. Во-первых, у меня не было стартового капитала чтобы хоть прожить первое время — только зарплата (хотя и это не мало) и немного электронной наличности. Во-вторых, я должен был кормить не только себя, но ещё жену и сына, а в-третьих, в силу моральных качеств у меня не было «левых клиентов», т.е. я не увел с фирмы ни одного заказчика.

Но я понял, что, если не начну свой бизнес сейчас, не начну никогда (мы ждали второго ребенка и предвиделись большие траты).

Сначала я недельку отдыхал, устроил себе небольшой отпуск, у меня ещё было радужное настроение. В крайнем случае, я всегда мог найти работу менеджером — эта мысль убаюкивала сознание.

Через некоторое время, как и планировал, запустил рекламу и стал ждать звонков… Но их не было. После несколько дней ожидания мною завладело беспокойство, я распределил оставшиеся деньги на два месяца вперёд и усилил рекламу. Лишь за одно я был спокоен — на еду денег пока хватит.

3. Кризис

Реклама шла, а заказов почти не было, деньги кончались. К концу первого месяца я взял в долг у брата. Мое беспокойство превратилось в депрессивное расстройство, и на телефонные звонки отвечал только мой помощник — я мог только сидеть и смотреть телевизор, предварительно приняв успокоительное. Вечером засыпал хорошо, но утром невроз начинался снова —  не помню, сколько это длилось.

Я начал завидовать Саше (помощнику), что он холост и ему дают деньги родители, да еще и я отдаю процент с заказов. Радужные перспективы сменились слякотью сумрачных будней.

Я был просто в ауте, сам не ожидал от себя таких мыслей, думал, что все  будет только хуже. Люди, никогда не смейтесь над душевнобольными — от этого никто не застрахован.

4. Пробуждение

Планируя организацию своей фирмы, я создал отличную базу для работы фрилансером.

Это, конечно, надо было сделать с самого начала (найти постоянных клиентов) но… «знать бы прикуп…».

И вот поступил крупный (для нас) заказ, благодаря которому мы «сделали план». Это было чудесно. В тот момент, когда у меня должны были закончиться финансы, появились новые, что очень обрадовало и депрессия начала проходить. А, может, просто принимал хорошее лекарство.

5. Работа

Не знаю почему, но заказов стало больше, наверное, на рекламу нужен ещё и срок реагирования. Если ты понравился, человек может просто добавить сайт в избранное, а позвонить лишь через пару недель.

С третьего месяца лично я стал зарабатывать почти столько же, сколько получал в веб-студии менеджером. Но зато теперь я жил своей жизнью, только надо было брать мобилу с собой и стараться найти место потише для разговора с потенциальным клиентом (надо же создать впечатление, что я в офисе). Телефон мы используем «База офис» (http://gobaza.ru/) — когда звонков немного это наилучший вариант (по цене). Коротко говоря — это виртуальный телефон, перенаправляющий звонок на другой свободный номер (например мобильник) по списку. Очень удобно.

Смотрел ещё http://mangooffice.ru/, но только по цене «Базу» выбрал.

Естественно, мы работали неофициально, да и кто из фрилансеров платит налоги?

Одно меня раздражает:  при том, что вся страна работает «в серую», каждый желает иметь дело с юрлицом. Есть еще одна особенность: воспитанный в советском союзе человек редко спрашивает о скидках, о снижении цены и т.п. Только настоящий предприниматель выясняет все варианты и условия работы, коих в сфере веб-разработки «вагон и маленькая тележка».

6. Бизнес

С самого начала я вбил себе в голову одну вещь — бизнесмен не должен работать. Бизнесмен — это человек, который задает правила игры, результатом которой должно быть всеобщее благосостояние. Но, чтобы задавать правила, я должен был обладать уникальным преимуществом, например:

— бухгалтерия (юрлицо)

— технические средства (сервер и т.п.)

— знания и опыт

Из этого у меня были только знания и опыт. Мне не оставалось ничего другого как нанять неспециалиста.

У меня было преимущество: я учил его и мог платить маленькую зарплату. Брать неспециалистов — хороший ход, если есть работники, которые всему научат.

Основная цель владельца веб-студии, да и любого малого бизнеса, — чтобы работники были заинтересованы в большем количестве клиентов, а также не имели возможности переманивать этих клиентов.

Вот Студию Артемия Лебедева (http://www.artlebedev.ru) наврядли кто-то променяет на частного веб-мастера… А «Чейм!»?

Тут мне закралась мысль о создании бренда. Для этого мы создали несколько некоммерческих проектов (наиболее удачный — «Блогосферные нов.ости»).

Название «Chame Creative Group» заменили на  «Студия «Чейм!», поняв, что  люди не будут говорить «шаме». Обновили сайт.

В разделе услуги сделали рубрику «рекомендуем» и поместили ссылки на лучших веб-разработчиков. Если заказчик может заплатить несколько тысяч, то пусть лучше идет в Биплан, к примеру, и его затраты окупятся. Мы из себя авторитетов не строим, мы — прозрачная веб-студия.

Следующим шагом планирую запустить «вирусный» рекламный ролик с прикольной песенкой, но хочется сделать качественный «вирус», что пока не получается.

7. Уроки

— Чтобы стать независимым, надо менять психологию. Нужно уволиться не имея «богатого папеньки», который дает деньги.

— Чтобы стартовать, нужно заниматься только двумя вещами: экономить и зарабатывать. Если не можешь прекратить тратить — «свой бизнес» не для тебя.

— Чтобы не впасть в депрессию нельзя останавливаться ни на минуту. Слабость духа — первый враг.

— Работайте со всеми заказчиками. Первое время надо наработать базу и статистику. Если сразу сказать: «мы делаем сайты от 1000 у.е.» —  вы можете просто не найти заказов.

— Общайтесь с «братьями по разуму», с единомышленниками. Если все твердят, что действуешь неразумно, и поддержки нет совсем, будет очень сложно.

Но поддержка должна быть только моральной, не финансовой.

Почитайте записи сообщества «First Business» 1st_biz, посмотрите в десятый раз «Бойцовский клуб» — лично мне это помогало.

—

Источник: 1bizsouz’s Journal 

агентство, производство, конвейер, продукт / Блог компании Кельник / Хабр

То есть, больше тысячи компаний, которые уже перестали быть фриланс-парой из дизайнера и верстальщика-программиста, но ещё не выросли в большой бизнес, находятся в постоянном поиске клиентов и в постоянных раздумьях, как начать зарабатывать больше.

Последние годы рынок всё чаще говорит о необходимости позиционирования, маркетинга и PR для веб-студий, причём если раньше это относилось к Top-10 компаний, сегодня об этих чуждых интернет-специалистам материях приходится задумываться той самой тысяче с численностью сотрудников 4—15. К счастью, и на Хабре появляются хорошие статьи на эту тему. Мы хотим дать взгляд на проблему позиционирования ещё с одной стороны.

Позиционирование и процессы неразрывно связаны

Это означает, что выбор позиционирования зачастую сопряжён с выбором того, куда вы вообще хотите развиваться как бизнес.

Технологии или клиентский сервис?

Условно говоря, один нормальный программист в небольшой веб-студии может расти либо в супер-программиста, либо в менеджера проекта, и это сложно делать одновременно.

То же касается и компании в целом — если компания полностью обеспечена загрузкой и вовремя получает оплату, ей выгоднее прокачивать либо технологические компетенции, либо клиентские.

До недавнего времени любая компания была вынуждена прокачивать и те, и те.

Уникальные проекты или сформированный продукт?

Бывает другой вариант, когда компания устаёт делать уникальные продукты и создаёт сформированный продукт. Яркий пример — компании 1С-Битрикс и UMI.CMS, которые выросли из веб-студий, но перестали делать сайты для клиентов и начали продавать «коробки».

Некоторые компании начинают создавать и продавать SaaS-сервисы (например, QSoft и amo. CRM). Очевидно, что под разработку и продажу SaaS-сервиса нужна полностью иная оргструктура, нежели под кастомную клиентскую разработку.

И что теперь?

И разберёмся, что из этого что, начиная с наиболее привычной истории про агентства.

Агентство

Допустим, рекламное агентство придумывает креатив, подбирает рекламные каналы и механики вовлечения, после чего размещает заказы на производство видеороликов, сайтов, ведение групп в соцсетях и т.п. среди компаний, которые этим занимаются. Курируют результаты работ и анализируют общий выхлоп рекламной кампании. Сегодня на рынке чистых агентств почти нет, большинство из нас имеют внутри собственное производство, но ряд работ активно размещают и на субподряде.

Может показаться, что это лишнее звено между клиентом и конечными исполнителями, но это не так. Большинство клиентов агентств просто не смогут найти общий язык с большинством конечных исполнителей. Это касается, например, постановки задач, процессов работы, договоров, толерантности к финансовым разрывам.

Чтобы стать агентством, нужно на всех уровнях прокачивать компетенции клиентского взаимодействия, связанного с реализацией уникальных проектов:

• Договоры,
• Процессы (предпродажи, тендерные истории, коммерческие предложения, проектирование и итеративная разработка…),
• Люди (нужны менеджеры с крутым опытом и коммуникативными навыками, а также крутые техлиды в команде, способные контролировать результат любого уровня сложности),
• Финансовое планирование (работа с дебиторской задолженностью, «подушка безопасности», этапности оплат, сегментация клиентской базы…),
• Субподрядчики (нужная наработанная база субподрядчиков по очень широкому спектру работ — от иллюстрации в стиле гравюр до тонкой настройки экзотических баз данных).

Заказное производство

В отличие от агентства, заказные производства работают либо с очень компетентными конечными клиентами (например, где есть собственный действительно мощный отдел интернет-маркетинга), либо с агентствами как субподрядчики.

В отличие от агентства, заказные производства могут и должны заранее фиксировать требования и брать доплату за отступление от них. Для агентств это просто невозможно, так как клиентские требования на старте большинства проектов отсутствуют или расплывчаты.

Заказное производство может быть очень чётко спозиционировано, и это будет очень оценено агентствами. «Мы делаем только соцсети на Python», «Мы — 20 программистов на 1С-Битрикс, способные решить любую задачу без ломки ядра», «Мы всегда сдаём вёрстку без багов», и так далее.

Чтобы стать заказным производством, нужно прокачивать процессы немного в другую сторону:

• Договоры должны включать другие условия по изменениям требований и более жёсткие санкции за дедлайны,
• Процессы больше выстраиваются на высокую производительность при равномерной загрузке, практически отсутствует пресэйл, вместо продаж — поиск партнёрских агентств и отработка взаимодействия, возможны более-менее гибкие методики производства,
• Люди прокачиваются в мощных технических специалистов и техлидов,
• Финансовое планирование подразумевает формирование равномерной загрузки засчёт работы с несколькими постоянными партнёрами…

Свой продукт

Таким продуктом может быть «коробка», массовый онлайн-сервис, или что-то более экзотическое (профессиональная система для автоматизации ставок контекстной рекламы, например).

Проблема с уходом в свой продукт — в идее своего продукта и в финансовых возможностях некоторое время вкладывать в него ресурсы, не получая профита.

Практика показывает, что для появления идеи нужно основательно повариться где-то в верхней половине матрицы, чтобы окончательно осознать, какого продукта на рынке крайне не хватает, а вы при своих компетенциях реально способны создать. Если обратить внимание, видно, что интернет-компании создают продукты, базируясь на уникальном многолетнем каждой: уже упомянутые QSoft и amo.CRM, TRINET и eLama, RealWeb и «Гарпун», «Кельник» и Planoplan… Мы не брали идеи наобум, они вырастали из нашего опыта.

Конвейер

«Конвейер» — это производство типовых продуктов с типовым качеством в типовые сроки (в отличие от агентств и производств, где продукт и сроки гарантированно уникальные). Из активно рассказывающих о себе в последний год к таким компаниям можно отнести смоленскую Web Canape и казанскую Reaspect.

Конвейер — это не продукт, потому что требует скорее бо́льших клиентских компетенций, нежели технологических. Особенно тут играет роль, что приходится общаться с менее компетентными клиентами, возможно, с первым опытом заказа сайта. Однако, последнее время у конвейеров появляется новая клиентура — компетентные клиенты, которые хотят сделать недорогой сайт для решения базовых задач. Например, чтобы протестировать бизнес-идею.

Quo vadis?

Вы хотите стать производством? Перестаньте учиться «облизывать» некомпетентных клиентов. Ищите хорошие агентства.

Вы хотите стать агентством? Вкладывайтесь в обучение менеджеров и учитесь итеративно снижать проектную неопределённость. Планомерно снижайте внутренние объёмы производства.

Вы хотите создать свой продукт? Копите деньги для старта и прямо сейчас начните делать минимальную версию продукта. Не уходите в разработку продукта на год, попробуйте сделать то, что можно начать продавать прямо сейчас.

Вы хотите делать конвейер? Перестаньте говорить о «молодом динамично развивающемся агентстве полного цикла» и просто делайте типовые недорогие сайты, чётко соблюдая сроки. Объясняйте клиентам, что вы не будете играться шрифтами, так как он купил типовой продукт.

Как я стал заниматься созданием сайтов

Приветствую вас, друзья! В этой статье поделюсь с вами историей о том, как я пришёл к тому, чтобы заниматься сайтами и открыть свою веб-студию. Скажу, что так было не всегда. Мой опыт в этой сфере деятельности начался с 2012 года. Прошло целых 4 года, многое изменилось. Но давайте обо всём по порядку.

Интерес к предпринимательской деятельности у меня пробудился в 2009 году, после окончания университета. Тогда я понял, что работа по найму – это не для меня, и я стал искать возможности открыть своё дело. Сперва это была точка по резке стекла и зеркал, затем – цех по производству мебели из стекла. Но вскоре мне стало понятно, что это не моё. А вот интерес к Интернету и компьютерам у меня был всегда.

Первый компьютер появился у меня в далёком 2004 году. О качественном Интернете в тот момент можно было только мечтать. Сначала он был медленным – настолько медленным, что пользоваться им было невозможно. Так продолжалось до появления высокоскоростного доступа. И вот тогда я стал более глубоко осваивать Интернет и всё, что с ним связано.

В 2011 году я завёл собственный блог на тему мобильных телефонов и за некоторое время довёл его до посещаемости в 2500 посетителей в сутки. Сейчас я им уже не занимаюсь. Но в процессе блоговедения было изучено много информации касательно создания сайтов, их продвижения и развития. Эта тема стала мне настолько интересной, что я решил специализироваться в этой области.

И вот тогда произошёл поворотный момент в моей жизни, когда я резко поменял род своих занятий. От производства я ушёл в тему создания сайтов.

Мой первый опыт заключался в том, что я искал клиентов, которые хотели себе простенькие сайты, и за чисто символическую плату (конкретные суммы называть не буду – они реально были незначительными) тренировался и набирал опыт. Постепенно мои проекты становились всё качественнее, а ценник медленно полз вверх.

Я считаю, что перед тем, как серьёзно заниматься каким-то бизнесом, нужно вникнуть в него самому. Самые успешные предприниматели – это те, которые полностью погружаются в своё дело, изучают его досконально, знают все нюансы. На любой вопрос они могут дать подробный ответ.

Некоторые думают так: «Зачем всё изучать? Можно же просто искать клиентов, а основную работу будут делать подрядчики». Такая точка зрения не приведёт ни к чему хорошему. Я смотрю на других предпринимателей и вижу, что всё получается только у тех, кто погружён в свой бизнес с головой.

Различные тренинги и курсы в Интернете, рассказывающие о том, что вы будете лежать на пляже, а в это время ваш бизнес будет работать и приносить вам деньги – это всё туфта. Эти тренинги не рассказывают о том, что для достижения такого результата придётся «пахать», причём не месяц и не два, а как минимум несколько лет.

Ну да ладно, это было небольшое отвлечение. Спустя некоторое время я пришёл к тому, что смог браться за более серьёзные проекты. И тогда у меня появился сайт, на котором вы сейчас находитесь. Сначала он выглядел по-другому – на нём был установлен платный шаблон. Но в прошлом году он значительно преобразился и обрёл свой фирменный дизайн.

Кстати, напишите в комментариях, что вы думаете об этом дизайне.

Вот так я пришёл к собственной веб-студии. Мне есть куда расти. Сейчас я активно занимаюсь развитием и продвижением своего сайта. Учитывая, что эта сфера очень конкурентная, приходится непросто. Но ведь главное – идти дальше. Вы согласны со мной?

С уважением, Сергей Чесноков

Перспективы развития веб-студии. План на 2020-2025 гг — CMS Magazine

Недавно я стал участником спора, в котором один из моих оппонентов сказал, что «веб-студии ждёт судьба фотосалонов, которые проявляли плёнки». Это меня немного зацепило и заставило задуматься. Как раз возле дома, где я живу, есть салон известной фотосети. Там по-прежнему торгуют фото-принадлежностями и можно заказать цифровую печать. Но теперь часть помещения занимает кафе, а по вечерам проходят занятия любителей вышивания.

Как основатель нескольких бизнесов, я понимаю, что пытается сделать владелец фотосалона. И здесь я вижу связь с веб-студией. Им тоже предстоит измениться в ближайшие годы, если они хотят остаться на плаву.

В этой статье я делюсь своими мыслями о перспективах развития веб-студии.

Риски веб-студий

Бизнес веб-студий — это клиентский бизнес. Многое в работе зависит от пожеланий клиента. А они зачастую бывают специфическими. Заказчик хочет получить сайт в соответствии со своими видением. И не всегда прислушивается к мнению профессионалов.

Интересное исследование провела компания McKinsey. Там, где компании обращают внимание на дизайн своих продуктов, в том числе веб-сайтов, растёт эффективность бизнеса. Для своих исследований McKinsey придумал MDI (McKinsey Design Index) — индекс, который отражает экономический эффект от дизайна. Вывод McKinsey — компании с высоким индексом MDI превзошли темпы роста конкурентов по отрасли в два раза.

McKinsey Design Index показывает соотношение дизайна и прибыли

В ряде случаев работа завершается некоторым недовольством и со стороны заказчика, и со стороны разработчика. Во многом из-за этого каждый менеджер пробует составить детальное ТЗ, чтобы заказчик не мог отвертеться от принятия работы. И всё равно ТЗ будет нарушено через 2-3 дня. Появляются новые идеи, задачи, пожелания от заказчика.

В попытках расти веб-студия чаще всего ориентируется на экстенсивный путь развития. Берёт больше заказов, делает больше сайтов. Соответственно, привлекает новых специалистов. То есть масштабирование идет от увеличения количества рабочей силы.

Но маленьким студиям, особенно в регионах, трудно конкурировать за хороших программистов, дизайнеров с крупными компаниями. Часто бывает так, что человек два года отработал, стал профессионалом и уходит в другую компанию или начинает работать удалённо на столичные заказы.

Часто веб-студии вместе с созданием сайта предлагают услуги SEO-оптимизации. Как правило, это входит в базовый набор. И есть ещё контекстная реклама. Но это уже дорого, и зачастую заказчики не выделяют на это бюджеты, достаточные для продвижения.

Вот так выглядит бизнес веб-студий в своей основе. Можно ли придумать что-то ещё?

Каким вы видите развитие веб-студии как индустрии в ближайшие годы?

Какой есть выход

Если студия умеет привлекать заказчиков для клиента, или продвигать холодильники в интернете, то почему бы ей самой их не продавать? Любые действия в сети сейчас можно детально измерить. Цифры подскажут, что выгодно, а что нет.

С точки зрения компании, если можно «вложить и заработать», то надо расширяться именно в эту сторону. Студии могут делать не только сайты, но и создавать свои цифровые продукты.

С помощью цифрового продукта можно расширить свой бизнес, привлекая меньшее количество ресурсов.

Что такое цифровой продукт

Цифровые продукты — это технологии, которыми пользуется сейчас каждый современный человек. Это сайты, приложения на смартфоне, облачные сервисы, электронные книги, кинофильмы, музыка, и так далее. Все эти цифровые продукты отвечают разным потребностям. Их основная задача — сделать жизнь потребителя проще, а также помочь ликвидировать «боль» клиента.

Пример цифрового продукта

• 1C. Они сделали коробочку, стали везде продавать. На этом продукте живут франчайзи, у которых нету возможности развиваться кроме как через привлечение новых клиентов и персонала. Но, тем не менее, эти франчайзи создают свои плагины, дополнения к 1С, и пытаются их продавать.
  
• Bitrix24, amoCRM — это примеры продуктов B2B. Но продукт может быть и приложением для смартфона, то есть В2С. То есть продукт — это любая коробочка.
  
• Яндекс.такси закрывает «боль» клиента с поиском такси. Вызов идёт через приложение, без необходимости разговора с оператором, а также даёт возможность выбрать варианты тарифов, от эконома до премиум.
  
• ITunes — позволяет слушать лицензионную музыку и фильмы высокого качества по ежемесячной подписке за символическую плату.
  
• WhatsApp решает проблему обмена бесплатными сообщениями и медиафайлами.
  
• Почтовые сервисы облегчают работу с письмами и позволяют отправлять какие-либо важные документы, файлы сидя за компьютером.
  

Быстрая проверка гипотезы

Одним из главных преимуществ цифрового продукта является быстрая проверка гипотезы. Мы в iAGE работаем по следующей схеме: создаем прототип и привлекаем трафик. Нам не нужно ждать год-два, мы получаем результат в течении нескольких недель, а иногда и дней.

При тестировании гипотез мы используем 5 основных каналов привлечения трафика:

1. Продвижение через социальные сети. Привлечение трафика достигается за счет контента на страницах бренда в социальных сетях.

2. Email-рассылки. Сегодня рассылки рассматриваются как один из эффективных и бюджетных видов трафика. При работе с ними важно составить грамотный план отправки писем, сделать интересный контент и собрать «живую» базу подписчиков. Преимущества — теплая ЦА, бюджетный вариант быстро донести до клиентов нужную информацию, больше возможностей в плане оформления. Недостатки — массовая рассылка (спам) вызывает неоднозначное отношение пользователей к email-маркетингу как к формату.

3. Контекстная реклама. Особенность этого источника в том, что посетителям показывают релевантные их запросам объявления. Текстовые предложения транслируются в поиске над/под органической выдачей.

4. Органический трафик. Этот канал приводит посетителей из естественной выдачи поисковиков по конкретным запросам. Соответственно сайт оптимизируется под тематику для вывода в ТОП-20, 10, 5, 3. Чем выше позиция, тем больше посетителей можно ожидать на ресурсе.

5. Мессенджеры. Популярные приложения в России — WhatsApp, Skype, Telegram, Вайбер. Мессенджеры — это облегченный вариант социальных сетей для гаджетов. Плюсы — круглосуточная доступность, интерфейс под мобильные устройства, простая навигация.

Тестирование гипотез у нас поставлено на поток и мы готовы проконсультировать вас по всем аспектам создания цифрового продукта.

Цифровой продукт идеально сочетается с новой версией пирамиды Маслоу. Три высших потребности человека теперь выглядят так: родительство, поиск подходящего партнёра и сохранение отношений. Именно эти потребности и позволяют закрыть цифровые продукты. Мы можем меньше уделять время рутине и концентрироваться на том, что действительно важно — семья, саморазвитие, путешествия и т.д.

Как вы будете развивать свою студию?

Заключение

Рынок веб-разработки сужается с каждым годом. Крупных заказчиков больше не становится, к тому же часть из них переносит разработку in house. Малый бизнес использует конструкторы сайтов или сам делает небольшие проекты на готовых cms вроде всем известного WordPress. Основным заказчиком для региональных студий остаётся средний бизнес. Но и здесь видно, что средний чек падает.

Выход для веб-студий я вижу в создании цифровых продуктов. Если научиться их делать, то открываются поистине безграничные возможности. Но тут важно очень точно угадать потребности рынка. Ещё одна почта, соцсеть, мессенджер никому не нужны. Но остаются ещё сотни, а то и тысячи незакрытых потребностей. Их надо распознать и предложить решение.

Мы в iAGE готовы вас проконсультировать по всем аспектам цифрового продукта, начиная с тестирования до разработки. Звоните, всегда поможем.

история создания — Самая полная в Рунете энциклопедия интернет-маркетинга

Материал из Самая полная в Рунете энциклопедия интернет-маркетинга

Студии «А-квадрат» и «Артографика»

В 1992 году Артемий Лебедев, которому было 17 лет, основал студию дизайна «А-квадрат». В 1993 году он открыл новую студию «Артографика» (рис. 1).

В студии был один сотрудник — сам Артемий Лебедев, который разрабатывал логотипы, фирменные стили и т. д. Для привлечения клиентов Лебедев создал портфолио работ для несуществующих компаний (рис. 2). На тот момент Артемий считал, что один человек способен сделать заказ от начала (идеи, концепции) и до конца (дизайнерского воплощения), и клиенту удобнее работать с конкретным дизайнером, который полностью отвечает за весь процесс. Одновременно (с 1993 по 1995 гг.) Лебедев работал в компании «Макцентр».

Студия «WebDesign»

В 1995 году Артемий Лебедев начал профессионально заниматься дизайном в интернете и создал студию «WebDesign» (рис. 3). Сначала он работал один, позже стал нанимать сотрудников, так как количество заказов увеличилось.

В 1997 году годовой оборот его компании составлял более 50 тыс. долларов. Одновременно с веб-дизайном студия занималась графическим дизайном.

Примеры работ студии «WebDesign»:

Со временем у Артемия Лебедева и его команды менялся уровень работ и подход к клиентам студии.

В период существования «WebDesign» приходилось детально объяснять заказчикам, как долго делаются веб-страницы, чем «WebDesign» отличается от других студий и откуда появляется та или иная цена на услуги. Девиз Лебедева «Долго. Дорого. Охуенно» возник не сразу.

Стоимость услуг студии «WebDesign»

Ценовая политика была открытой: стоимость «небольшого сайта» — около 4—10 тысяч долларов, более крупного — свыше 10 тысяч долларов. Для сравнения: в 90-х годах квартира в Киеве стоила около 13—15 тысяч долларов, в Москве немного дороже.

Процесс создания сайтов в 90-х годах в России был проще, чем в 2000-х. Дизайн, в основном, сводился к подбору фона страниц (HTML-страниц, как правило, было не больше 30), созданию нескольких иллюстраций и таблиц. Вся работа, по словам Лебедева, занимала от 2 до 30 дней.

Профессиональных разработчиков сайтов в России в период до 1998 года было немного, и студия «WebDesign» заняла лидирующие позиции на рынке.

«Студия Артемия Лебедева»

С июня 1998 года компания «WebDesign» стала называться «Студия Артемия Лебедева». Со временем имя Лебедева превратилось в бренд.

К лету 1998 года студия «WebDesign» создала проекты для компаний «Яндекс», московского представительства «General Motors». Гран-при на конкурсе «Лучшие WWW-страницы России» получили сайты, которые Лебедев создал для компаний «Vessolink», «Comstar Telecommunications», «Mobile TeleCom».

18 июня 1998 года на сайте [www.design.ru www.design.ru] появилось сообщение, что «»WebDesign» меняет название на имя. Теперь это Студия Артемия Лебедева». На первый план вместо абстрактного названия студии вышло имя её создателя, что добавило компании индивидуальности.

1998 — 2015 годы

В 1998 году команда состояла из 12 человек: 2 дизайнера (включая Лебедева), 2 программиста, 2 менеджера, 3 верстальщика, 2 рецензента, 1 «главный по культурным проектам» (рис. 8).

Изменилась ценовая политика компании. До 1998 года стоимость проекта зависела от размера сайта (в килобайтах). В 1998 году на сайте компании было заявлено, что Студия не измеряет заказы в килобайтах, а продаёт идею, стоимость которой не зависит от количества и размера страниц проекта, площади графики и т.д.

* 2000—2002

К 2000 году число сотрудников компании возросло до 22 человек. До 2003 года информация обо всех проектах и сотрудниках была открытой. На сайте Студии появлялись новости о рабочей жизни членов команды Лебедева, например, что один из дизайнеров повысил квалификацию, а другой снова начал курить и т.д.

В 2000 году в Студии были созданы сайты для компаний «Alcatel», «Hewlet-Packard», «Audi», писателя Бориса Акунина. Проводились семинары и учебные курсы для обмена опытом с коллегами.

В 2001 году возникло новое направление деятельности Студии — промышленный дизайн.

Одни из самых известных в этой области работ:

1) Дизайн клавиатур с кнопками, в которые встроены миниатюрные дисплеи.

На дисплеях отображается, чем в данный момент управляет клавиша. Клавиатуры получили название «Оптимус максимус» и «Оптимус мини три» и в 2008 году удостоились первой премии на международной выставке «iF communication». Впоследствии были созданы другие модели клавиатур.

2) Дизайн микроволновой печи «Samsung» (рис. 9).

В 2001 году в Студии насчитывалось более 40 человек, в 2002 году — 64 сотрудника.

* 2005

Команда Артемия Лебедева в 2005 году — более 100 человек (рис. 10):

В 2005 году в Студии было 4 арт-директора, должность Артемия Лебедева называлась «художественный руководитель».

* 2011

К 2011 году компания насчитывала 10 направлений деятельности:

• Графический дизайн

• Промышленный дизайн

• Презентации и видео

Команда Студии в 2011 году (рис. 11):

* 2014—2015

В 2014 году — в Студии 351 человек, включая сотрудников московского, киевского и нью-йоркского офисов (рис. 12, 13, 14).

В январе 2015 года на сайте компании было объявлено, что «В 2015 году Студия Артемия Лебедева сделает невозможное».

К середине декабря 2015 года Студия насчитывала 3093 работы, среди которых проекты для крупных компаний (например, для «Газпрома»), ресторанов, театров, кинотеатров и т.д.

Читайте другие статьи на тему «Студия Артемия Лебедева»

Полезные ссылки

Веб-студия АВАНЗЕТ | История развития и успеха

О компании: История развития и успеха веб-студии АВАНЗЕТ. Работаем со всеми регионами России, представительства компании находятся в Москве (Зеленоград) и Краснодаре.   Наш сайт a1z.ru, телефон для бесплатной консультации +7 (903) 455-3830. 

Веб студия АВАНЗЕТ предоставляет услуги по дизайну, созданию сайтов и комплексному продвижению в сети интернет с 2011 года. Мы постоянно повышаем свой профессиональный уровень в веб-разработке, изучаем новые тенденции и совершенствуемся для того, чтобы максимально качественно удовлетворять потребнеости наших клиентов.

НАША МИССИЯ – помогать профессионалам своего дела достигать вершин в бизнесе.

НАШЕ КРЕДО – мелочей нет – высочайшее качество во всех деталях.

История развития и успеха веб-студии АВАНЗЕТ

• Созданием бизнес сайтов в г. Новороссийске мы занимаемся с апреля 2011 года. До этого периода — основным направлением деятельности веб-студии была монетизация сайтов. 
• Начав работать в Новороссийске, и создавая сайты для наших клиентов, веб-студия брала любые заказы и стремилась выполнить их так, как просил клиент. Часто результат получался весьма посредственным.
• Набравшись опыта и желая работать более качественно, мы стали предлагать нашим клиентам такие варианты, которые соответствуют современным тенденциям. Иногда удавалось убедить заказчика и тогда получалось – хорошо!
• Мы стремимся достичь лучших результатов, поэтому подход поставить себя на место клиента и думать за него так, как будто это наш собственный бизнес — самый эффективный. Если заказчик нам доверял – получалось отлично!
• Сейчас мы стремимся стать лучшими в своей профессиональной области, чтобы оказывать услуги нашим клиентам максимально качественно. Подход к разработке сайтов в комплексе с продвижением — дает наилучший результат.
• SEO оптимизация на этапе разработки дает быстрое естественное продвижение в поисковой выдаче. Наши сайты быстро индексируются и их «любят» поисковые системы.
• Главная наша цель — повышать эффективность бизнеса наших клиентов, поэтому мы никогда не забываем про маркетинговую составляющую при разработке сайта.

Почему нам доверяют наши клиенты?

• Три четверти клиентов, которые обращаются к нам за услугой разработки сайта, заключают долгосрочные договора на обслуживание и продвижение, потому что результат, который они получают, часто превосходит их ожидания.
• Получая услуги веб-студии высокого профессионального уровня, наши клиенты всегда чувствуют поддержку и опору в любой области, связанной с созданием, продвижением или рекламой сайтов.
• Более половины заказчиков приходят к нам по рекомендации наших довольных клиентов. Смотрите ОТЗЫВЫ О ВЕБ-СТУДИИ. Ваши цели и задачи становятся нашими общими на все время сотрудничества.

Веб-студия АВАНЗЕТ это:

• Творческая креативная команда профессионалов: дизайнеров, программистов, копирайтеров, маркетологов
• Свыше 150 успешно выполненных интернет-проектов;
• Более 30 прибыльных сайтов в доверительном управлении;
• 150 зарегистрированных доменов в национальной и международных зонах;
• Надежный, недорогой, облачный хостинг

Мы называем себя профессионалами, потому что создаем сайты, готовые к поисковому продвижению и не нуждающиеся в оптимизации. Мы предлагаем своим клиентам разработку таких сайтов, которые являются не просто представительством компании в Интернете, а решают конкретные маркетинговые задачи бизнеса клиента.

Работая над каждым проектом, мы стремимся воплотить идею заказчика стильно, лаконично и информативно. Главный критерий работы веб-студии АВАНЗЕТ- это качественное исполнение проектов, поэтому наш лозунг звучит так:

Мы создаем сайты, которые работают на Ваш бизнес!

Наши конкурентные преимущества:

• ГАРАНТИРОВАННЫЙ РЕЗУЛЬТАТ. Заказывая сайт, Вы получаете готовый веб-сайт с современным дизайном, наполненный SEO оптимизированными текстами, установленными счетчиками статистики, корпоративной почтой, удобной системой управления сайтом (CMS), недорогой надежный хостинг с резервным копированием и антивирусной защитой.
• СПРАВЕДЛИВАЯ СТОИМОСТЬ УСЛУГ. Стоимость сайта рассчитывается по Прейскуранту, получить расчет предварительно Вы можете отправив нам заявку. Мы гарантируем высокое качество услуг по справедливым ценам, прозрачное ценообразование и отсутствие скрытых платежей.
• ВЫСОКИЙ УРОВЕНЬ ОБСЛУЖИВАНИЯ. Если вы решили заказать сайт в нашей веб-студии, то Вы получите персонального менеджера, который всегда будет держать вас в курсе работ по проекту, информировать о ходе разработки и представлять подробные отчеты на каждом этапе создания сайта.

Почему с нами выгодно и удобно работать?

• ПРОФЕССИОНАЛИЗМ В РЕШЕНИИ ВСЕХ ВОПРОСОВ. Мы профессиональная студия создания сайтов и предлагаем нашим клиентам наилучшие решения на всех этапах разработки сайта, информационной и технической поддержки веб-сайта, а также в процессе продвижения и проведении рекламных кампаний в сети Интернет.
• КОМПЛЕКСНОЕ ОБСЛУЖИВАНИЕ САЙТА. Все услуги веб-студии: веб-дизайн, программирование, верстка и подготовка текстов выполняются в комплексе, с высоким качеством и в сжатые сроки.
• ОРИЕНТАЦИЯ НА ПОТРЕБНОСТИ КЛИЕНТА. Параллельно с процессом создания сайта, мы по желанию клиента проводим маркетинговые исследования, направленные на определение целевой аудитории клиента и наилучших способах взаимодействия с ней.

В своей работе мы стремимся помочь нашим клиентам в создании эффективных инструментов для развития бизнеса и увеличения продаж. Для нас очень важно, то, что наши клиенты со временем становятся постоянными партнерами, поэтому приоритетом является качество обслуживания клиентов, а не их количество.

Наша главная цель – помочь разобраться во всех деталях и выработать максимально эффективное решение Ваших задач. Ваш успех – наша гордость!

Начало работы в Интернете — Изучение веб-разработки

Начало работы в сети — это краткая серия статей, знакомящих вас с практическими аспектами веб-разработки. Вы настроите инструменты, необходимые для создания простой веб-страницы и опубликуйте собственный простой код.

История вашего первого сайта

Создание профессионального веб-сайта — это большая работа, поэтому, если вы новичок в веб-разработке, мы рекомендуем вам начать с малого. Вы не создадите еще один Facebook сразу, но создать собственный простой веб-сайт в Интернете несложно, поэтому мы начнем с него.

Проработав статьи, перечисленные ниже, вы с нуля выйдете на свою первую веб-страницу в Интернете. Начнем наше путешествие!

Установка базового ПО

Когда дело доходит до инструментов для создания веб-сайта, есть из чего выбрать. Если вы только начинаете, вы можете быть сбиты с толку множеством редакторов кода, фреймворков и инструментов тестирования. В разделе «Установка основного программного обеспечения» мы покажем вам шаг за шагом, как установить программное обеспечение, необходимое для начала базовой веб-разработки.

Как будет выглядеть ваш сайт?

Прежде чем вы начнете писать код для своего веб-сайта, вы должны сначала спланировать его. Какую информацию вы демонстрируете? Какие шрифты и цвета вы используете? Как будет выглядеть ваш сайт? Мы описываем простой метод, которым вы можете следовать, чтобы спланировать содержание и дизайн вашего сайта.

Работа с файлами

Веб-сайт состоит из множества файлов: текстового содержимого, кода, таблиц стилей, мультимедийного содержимого и так далее. Когда вы создаете веб-сайт, вам необходимо собрать эти файлы в разумную структуру и убедиться, что они могут взаимодействовать друг с другом.Работа с файлами объясняет, как создать разумную файловую структуру для вашего веб-сайта и о каких проблемах вам следует знать.

Основы HTML

Язык гипертекстовой разметки (HTML) — это код, который вы используете для структурирования своего веб-контента и придания ему смысла и цели. Например, мой контент — это набор абзацев или список пунктов? Есть ли на моей странице изображения? У меня есть таблица данных? Основы HTML предоставляют достаточно информации, чтобы познакомить вас с HTML.

Основы CSS

Cascading Stylesheets (CSS) — это код, который вы используете для стилизации своего веб-сайта. Например, вы хотите, чтобы текст был черным или красным? Где на экране должен отображаться контент? Какие фоновые изображения и цвета следует использовать для украшения вашего сайта? Основы CSS познакомят вас с тем, что вам нужно для начала работы.

Основы JavaScript

JavaScript — это язык программирования, который вы используете для добавления интерактивных функций на свой сайт. Некоторыми примерами могут быть игры, вещи, которые происходят при нажатии кнопок или вводе данных в формы, эффекты динамического стиля, анимация и многое другое.Основы JavaScript дают вам представление о возможностях этого захватывающего языка и о том, как начать работу.

Публикация вашего сайта

После того, как вы закончите писать код и систематизировать файлы, из которых состоит ваш веб-сайт, вам нужно разместить все это в сети, чтобы люди могли его найти. Публикация вашего образца кода описывает, как с минимальными усилиями разместить ваш простой образец кода в сети.

Как работает Интернет

Когда вы заходите на свой любимый веб-сайт, в фоновом режиме происходит множество сложных вещей, о которых вы можете не знать.Принцип работы сети описывает, что происходит, когда вы просматриваете веб-страницу на своем компьютере.

См. Также

• Web Demystified: отличная серия видеороликов, объясняющих основы Интернета, предназначенных для начинающих веб-разработчиков. Создано Жереми Патонье.
• Веб-стандарты и веб-стандарты: в этой статье представлены некоторые полезные сведения об Интернете — как это произошло, что такое стандартные веб-технологии, как они работают вместе, почему «веб-разработчик» — это отличная карьера для выбора и какие виды лучших практики, о которых вы узнаете в ходе курса.

History API — Веб-технологии для разработчиков

Объект DOM Window обеспечивает доступ к истории сеансов браузера (не путать с историей WebExtensions) через объект history . Он предоставляет полезные методы и свойства, которые позволяют перемещаться вперед и назад по истории пользователя и управлять содержимым стека истории.

Понятия и использование

Перемещение вперед и назад по истории пользователя выполняется с помощью методов назад () , вперед () и go () .

Движение вперед и назад

Для перехода назад по истории:

 window.history.back ()
 

Действует так же, как если бы пользователь нажал кнопку Назад на панели инструментов своего браузера.

Точно так же вы можете двигаться вперед (как если бы пользователь нажал кнопку Вперед ), например:

 window.history.forward ()
 

Переход к определенной точке истории

Вы можете использовать метод go () для загрузки определенной страницы из истории сеанса, идентифицированной по ее относительному положению относительно текущей страницы.(Относительное положение текущей страницы: 0 .)

Чтобы вернуться на одну страницу назад (эквивалент вызова назад () ):

 window.history.go (-1)
 

Для перехода на страницу вперед, как при вызове forward () :

 window.history.go (1)
 

Аналогично, вы можете перейти на 2 страницы вперед, передав 2 и так далее.

Другой способ использования метода go () — обновить текущую страницу, передав 0 или вызвав его без аргумента:

 // Следующие утверждения
// оба имеют эффект
// обновляем страницу
окно.history.go (0)
window.history.go ()
 

Вы можете определить количество страниц в стеке истории, посмотрев на значение свойства length :

 пусть numberOfEntries = window.history.length
 

Интерфейсы

История

Позволяет управлять историей сеанса браузера (то есть посещенными страницами во вкладке или фрейме, в которые загружена текущая страница).

Примеры

В следующем примере слушатель назначается свойству onpopstate .А затем демонстрирует некоторые методы объекта истории для добавления, замены и перемещения в истории браузера для текущей вкладки.

 window.onpopstate = function (event) {
  предупреждение (`местоположение: $ {document.location}, состояние: $ {JSON.stringify (event.state)}`)
}

history.pushState ({page: 1}, "title 1", "? page = 1")
history.pushState ({page: 2}, "title 2", "? page = 2")
history.replaceState ({page: 3}, "title 3", "? page = 3")
history.back () // предупреждает "location: http://example.com/example.html?page=1, state: {" page ": 1}"
история.back () // предупреждает "location: http://example.com/example.html, state: null"
history.go (2) // предупреждения "location: http://example.com/example.html?page=3, state: {" page ": 3}" 

Технические характеристики

Совместимость с браузером

Легенда

Полная поддержка

Полная поддержка

Никакой поддержки

Нет поддержки

См. Примечания по реализации.

См. Примечания по реализации.

См. Также

Список литературы

Направляющие

History.pushState () — Веб-технология для разработчиков

В документе HTML метод history.pushState () добавляет запись в стек истории сеанса браузера.

Синтаксис

 history.pushState ( состояние ,  заголовок  [,  url ]) 

Параметры

состояние

Объект состояния — это объект JavaScript, связанный с новой записью в истории, созданной функцией pushState () .Всякий раз, когда пользователь переходит к новому состоянию , запускается событие popstate , а свойство state события содержит копию объекта состояния записи истории.

Объект состояния может быть чем угодно, что может быть сериализовано. Поскольку Firefox сохраняет объекты состояния на диск пользователя, чтобы их можно было восстановить после перезапуска пользователем браузера, мы накладываем ограничение на размер в 640 тыс. Символов для сериализованного представления объекта состояния .Если вы передадите объект состояния , сериализованное представление которого больше этого значения, в pushState () , метод вызовет исключение. Если вам нужно больше места, рекомендуется использовать sessionStorage и / или localStorage .

название

Большинство браузеров в настоящее время игнорируют этот параметр, хотя могут использовать его в будущем. Передача здесь пустой строки должна быть защищена от будущих изменений метода.Как вариант, вы можете передать краткое название состояния, в которое вы переходите. Если вам нужно изменить заголовок, вы можете использовать document.title .

url Дополнительно

Этим параметром задается URL новой записи в истории. Обратите внимание, что браузер не будет пытаться загрузить этот URL-адрес после вызова pushState () , но он может попытаться загрузить URL-адрес позже, например, после того, как пользователь перезапустит браузер. Новый URL-адрес не обязательно должен быть абсолютным; если он относительный, он разрешается относительно текущего URL.Новый URL-адрес должен иметь то же происхождение, что и текущий URL-адрес; в противном случае pushState () вызовет исключение. Если этот параметр не указан, устанавливается текущий URL-адрес документа.

Описание

В некотором смысле вызов pushState () аналогичен установке window.location = "#foo" в том смысле, что оба они также создают и активируют другую запись истории, связанную с текущим документом. Но pushState () имеет несколько преимуществ:

• Новый URL-адрес может быть любым URL-адресом из того же источника, что и текущий URL-адрес.Напротив, установка window.location удерживает вас в том же документе, только если вы изменяете только хэш.
• Вам не нужно менять URL-адрес, если вы этого не хотите. Напротив, установка window.location = "#foo"; создает новую запись в истории, только если текущий хэш не #foo .
• Вы можете связать произвольные данные с новой записью в истории. При подходе на основе хешей вам необходимо закодировать все соответствующие данные в короткую строку.

Обратите внимание, что pushState () никогда не вызывает событие hashchange , даже если новый URL-адрес отличается от старого URL-адреса только своим хешем.

Примеры

Это создает новую запись в истории браузера, устанавливающую состояние , заголовок и url .

JavaScript

 const state = {'page_id': 1, 'user_id': 5}
const title = ''
const url = 'hello-world.html'

history.pushState (состояние, заголовок, URL) 

Технические характеристики

Совместимость с браузером

  версия: '3'

Сервисы:
  eshopwebmvc:
    изображение: eshopwebmvc
    сборка:
      контекст:.
      dockerfile: src / Web / Dockerfile
    Окружающая среда:
      - ASPNETCORE_ENVIRONMENT = Разработка
    порты:
      - «5106: 5106»

сети:
  по умолчанию:
    внешний:
      имя: нат
  

  ИЗ mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
WORKDIR / приложение

КОПИРОВАТЬ * .sln.
КОПИРОВАТЬ. .
WORKDIR / приложение / src / Интернет
RUN dotnet restore

RUN dotnet publish -c Release -o out

ИЗ mcr.microsoft.com/dotnet/core/aspnet:3.1 среда выполнения AS
WORKDIR / приложение
КОПИРОВАТЬ --from = build / app / src / Web / out ./

ENTRYPOINT ["dotnet", "Web.dll"]
  

  порция глотком
  

  интерфейс экспорта IHelloWorldWebPartProps {
  описание: строка;
}
  

  public render (): void {
  this.domElement.innerHTML = `
    

      

        

          

             Добро пожаловать в SharePoint! 
            
 Настройте взаимодействие с SharePoint с помощью веб-частей.
            
 $ {escape (this.properties.description)} 
            
               Узнать больше 
            
          
        
      
    
 `;
}
  

  
 $ {escape (this.properties.description)} 
  

  {
  «$ schema»: «https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json»,
  "id": "fbcf2c6a-7df9-414c-b3f5-37cab6bb1280",
  "псевдоним": "HelloWorldWebPart",
  "componentType": "WebPart",

  // "*" означает, что версия должна быть взята из пакета.json
  "версия": "*",
  "manifestVersion": 2,

  // Если true, компонент может быть установлен только на сайтах, где разрешен Custom Script.
  // Компоненты, которые позволяют авторам встраивать произвольный код сценария, должны установить это значение true.
  // https://support.office.com/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
  "requiresCustomScript": ложь,
  "supportedHosts": ["SharePointWebPart"],

  "preconfiguredEntries": [{
    "groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Другое
    "group": {"default": "Other"},
    "title": {"default": "HelloWorld"},
    "description": {"default": "HelloWorld description"},
    "officeFabricIconFontName": "Страница",
    "properties": {
      "description": "HelloWorld",
      "test": "Многострочное текстовое поле",
      "test1": правда,
      "test2": "2",
      "test3": верно
    }
  }]
}
  

  порция глотком