Интервью с разработчиком сайтов и интернет-магазинов Оксаной Ефросининой.
- Здравствуй, Оксана, приятно тебя видеть. Давай начнём сразу с трёх вопросов. Чем занимаешься? Как себя называешь? С каким вопросом к тебе можно прийти?
- Я называю себя UX/UI-дизайнером c практическим опытом разработки IT-продуктов. Я долго крутила определения и пришла к такому. Сейчас поясню, что это значит.
В IT-сфере все термины на английском. UX и UI это как будто два разных специалиста, но они могут объединяться в одном. UX — дословно «пользовательский опыт». Специалист думает о том, как удобно для пользователя расположить кнопочки на сайте. UI-дизайн — это про красивую картинку, интерфейс, про сочетание цветовых решений, шрифтов, иллюстрации.
Это два разных понятия, путать их не стоит. Каждое из этих направлений — огромная область. В этих областях много теории и практики. Я объединяю эти две сферы. Плюс 13 лет я работала в компании занимающейся разработкой программных продуктов. Была и аналитиком, и программистом, и разработчиком сайтов. Вот такой у меня опыт.
- Мои клиенты — это помогающие практики, юристы, репетиторы, то есть те люди, которые продвигают услуги онлайн. Зачем им идти к разработчику сайтов?
- Считаю, что всем, кто продвигает услуги онлайн, сайт необходим. Это визитка. Если он сделан качественно, то должен продавать. Такие люди могут ко мне обратиться с заказом на разработку сайта
- Следующий вопрос связи с этим. Когда я общаюсь со своими клиентами, то порой мы говорим о том, надо или не надо эксперту делать сайт в данный момент. И на каком этапе точно надо. Поэтому я и решила делать интервью с тобой. Вижу, как много непонимания и заблуждений по этой теме. С чем ты сталкиваешься чаще всего? С каким заблуждением и непониманием со стороны клиентов?
- Часто клиенты приходят с непониманием разницы между лендингом и сайтом. Хотя лендинг — это и есть сайт. Получается абсурдно. Они говорят: “Мне не нужен сайт, мне нужен лендинг”. Звучит как: “Мне не нужен сайт, мне нужен сайт”.
Есть непонимание разницы между одностраничным и многостраничным сайтом. В каких случаях нужен одностраничный сайт, а в каких многостраничный. Ещё есть непонимание, что сайт — это большой процесс к которому я подхожу комплексно. Это не только создать красивую картинку и расположить текст.
Я полностью прохожу все этапы с клиентами. В моей работе уже заложена индивидуальная работа с клиентом, с его позиционированием. С одной стороны, клиент уже должен прийти с пониманием своего позиционирования, с другой, и я работаю с ним по этому вопросу. Моя комплексная работа включает и этот этап тоже.
- Раз уж ты упомянула этапы, то давай о них и поговорим. Какие стадии ты проходишь с клиентом, чтобы на выходе сайт был не только красивым, но и работал?
- Первый стандартный этап — это брифинг. Я отправляю клиентам бриф и он отвечает на вопросы. С этого начинаю изучение его деятельности. (Бриф — это список вопросов, который помогает исполнителю лучше понять заказчика, его видение проекта и обеспечить ожидаемый результат сотрудничества)
После изучаю конкурентов. Смотрю, тех, что мне показывает заказчик и сама их ищу. Глубоко погружаюсь в его деятельность. Далее с клиентом ещё раз созваниваемся. Задаю уточняющие вопросы.
Затем перехожу к работе с текстом. Классный вариант, когда у клиента уже есть текст, но я всё равно его прорабатываю со своим видением, как это будет на сайте.
После текста перехожу к структуре, после структуры к прототипу сайта. На этом этапе дизайна нет вообще.
После утверждения прототипа это уже схематичное чёрно-белое изображение всего сайта, которое важно для того, чтобы отразить смыслы и текст. На этом этапе текст уже не правится. Здесь видим, где и какие блоки будут находиться, в каком идут порядке, что представляет каждый блок на сайте. Расстановка акцентов. Когда отдаю прототип клиенту, то как бы говорю ему: «Смотри, вот эта услуга самая важная и она на сайте будет отражаться вот таким образом. А вот это второстепенные услуги и им место вот здесь. Договорились?»
И только после согласования этих этапов, приступаю к дизайну. Отрисовываю сайт в отдельной графической профессиональной программе. Там также идёт анализ того, что получается, просмотры различных референсов. Референсы — это варианты сайтов, которые нравятся клиенту и мне. Там, где мы с ним сходимся: какое цветовое решение, какой стиль, какое настроение должен создавать сайт, на том и останавливаемся. Сайт может быть строгий, весёлый яркий, эксцентричный.
Затем окончательный вариант утверждаю с клиентом. Только после этого этапа, можно сказать, что перехожу к созданию сайта.
Переношу сайт на платформу Тильда, так как работаю с Тильдой. Провожу там все настройки. Адаптирую сайт под различные версии: мобильные, планшеты, версии для компьютера. Делаю технические настройки, добавляю анимацию.
Если договариваемся, то настраиваю SЕО-оптимизацию сайта для того, чтобы сайт мог продвигаться в Яндекс и Гугл. На этом последнем этапе клиент смотрит, всё ли нравится.
Передаю сайт на аккаунт клиента уже после того, как он полностью оплатит работу. Ещё предоставляю клиенту обучающее видео, где он увидит, как самостоятельно может внести какие-то незначительные изменения. Чтобы внести значительные изменения, нужно будет обратиться к специалисту.
- Не знала, что ты такое видео предоставляешь. Это очень ценно. Из того, что услышала, возник вопрос. Все клиенты просят полную адаптацию под гаджеты?
- На самом деле клиенты не задумываются об этом. Им кажется, что адаптация существует по умолчанию. На самом деле это нет так. Это отдельная большая работа.
Например, Тильда известна как конструктор. Если поставим стандартные блоки, то автоматическая адаптация заложена разработчиком. Однако если дизайн создаётся индивидуально, и его нет в стандартных блоках, то это моя ответственность. От того, насколько дотошно я к ней отнесусь, зависит результат.
Мобильные версии — сейчас основной трафик. Важно, чтобы было легко зайти на сайт через телефон.
Очень люблю Тильду, но хочу отметить, что хоть адаптация стандартных блоков к мобильным версия есть, но она поверхностная. Там есть некоторые минусы. Я, имея опыт и зная об этих минусах, могу их поправить, но идеальный дизайн можно сделать только своими силами
- Почему ты выбрала для работы Тильду?
- На данный момент Тильда непросто конструктор, а платформа для разработки сайтов с огромным функционалом. Мне нравится, что это российская платформа. Это становится важным в последний год. Её создатель — Никита Обухов. Поэтому нет никаких опасений, что наложат санкции. В последнее время, многие клиенты ко мне обращались потому, что их сайты перестали работать.
У Тильды действительно большие возможности по функционалу. Особенно по созданию уникального дизайна, как раз того, что не заложено в стандартные блоки. При этом существующие стандартные блоки дают возможность делать очень быстро и качественно работу. В противном случае стоимость разработки сайтов была бы выше для клиентов, если бы это была не Тильда.
- Тогда получается, что клиент может выбрать, какие блоки использовать: стандартные или индивидуальные?
- Да, я клиенту предоставляю градацию по стоимости. Стандартные блоки — это недорогой вариант, но всё равно должно быть понимание, что я прохожу все этапы создания сайтов: структура, смыслы. Это тоже работа, в которую я вкладываюсь.
На стандартных блоках тоже создаю уникальность, насколько это возможно. Вариант с индивидуальными блоками, когда я их отрисовываю — это уже дорогой продукт. Я всегда предоставляю возможность выбрать. Можно делать микс. Это когда индивидуальный только первый блок, например.
- Что чаще всего выбирают клиенты: сайт или лендинг?
- У меня пока больше сайтов сделано. Клиент может прийти попросить сделать лендинг, но когда мы с ним разговариваем, то приходим к тому, что нужно делать сайт. Или мы решаем делать лендинг, я дохожу до прототипа, и видим, что тут нужен сайт. Напомню, что лендинг — это одностраничный сайт, а сайт — многостраничник.
- Когда ты говоришь “одностраничник”, то имеешь в виду, что блоки идут вниз сплошной лентой?
- Да, мы не переходим на другие страницы. Хотя, с точки зрения разработчика, там есть, например, политика безопасности. Это отдельная страница. Есть еще некоторые технические страницы, которые нужно создать. Они влияют на продвижение сайта. Если докапываться до терминов, то это тоже многостраничный сайт, но основная информация только на одной странице.
- Понятно. Я имела ввиду именно то, как это видит аудитория. В моём понимании лендинг заказывают больше под проведение мероприятий или продажу конкретных курсов. Многостраничный сайт я бы делала тогда, когда уже нужна своя витрина. А что ты думаешь по этому поводу? Вот приходит к тебе помогающий практик, коуч, психолог, я, например. Что бы ты предложила?
- Тут нужно исходить из задачи. Сначала спрашиваю клиента: “Какая у цель? Для чего хотите создать сайт?”. Если клиенту нужно продвинуть конкретный продукт, например, только консультацию, то здесь уместен лендинг.
Надо понимать, что сам по себе он не будет продавать, то есть продвигаться. Он уместен в том случае, если это один продукт или услуга и на него запускается реклама.
Если клиент говорит, что у него есть консультации, ещё какие-то продукты или несколько разных услуг и под каждую услугу нужно описание, то тогда уже здесь стоит подумать про сайт.
В теории всё это можно запихнуть на одну страницу, но на практике, люди не читают такое количество текста. Это будет не эффективно. Лучше будет показать на главной странице основные направления и из каждого направления делать переход на другую страницу, которая будет посвящена конкретному продукту или услуге. И если запускать рекламу, как на лендинг, то можно запускать на конкретную страницу сайта.
- Спасибо, это интересная информация, которую с удивлением узнала. Я имею ввиду, что можно на отдельную страницу настроить рекламу. Когда я думала о создании сайта, то больше склонялась в сторону одностраничника, так как сегодня мне нужно рассказать о конкретной услуге. Не думала, что можно совместить представление себя с предложением нескольких услуг и размещением статьей. Ещё мне это понравилось вот что. Мы обычно аудиторию прогреваем через соцсети, а получается, что это можно делать и через сайт. Размещать на сайте какие-то статьи и делать рекламу на них.
- Да, вот я бы тоже хотела отметить возможность продвижения не только через соцсети, но и через сайт. И это подходит не только для помогающих практиков. Некоторые говорят, что им не нужен сайт, так как у них есть соцсети.
Всё-таки, сайт — это не хаотичный набор информации. Особенно если есть продажи услуг и они недешёвые. Клиент зашёл в соцсети и открыл прайс. В этот момент ему непонятно в чём ценность конкретной услуги. Почему она стоит 1000 рублей или 100 000.
А сайт это такая структура, которая будет, как воронка вести человека и расскажет ему о до того, как он увидит цену, а почему такая цена.
- Вот теперь стало понятнее, почему сайт нужен всем. Тогда расскажи теперь, а как ты относишься к красоте сайта?
- Ты говоришь о визуальной составляющей? Дизайн, это не про красоту, а про функциональность. Точнее, дизайн должен быть функциональным. У себя я это ставлю на первое место.
Чтобы сайт мог выполнять конкретные задачи, человек должен дойти до нужного действия. Здесь важна непросто формулировка и слова, а грамотное расположение блоков текста.
Сайт не должен быть перегружен текстом и картинками. Клиент идёт по сайту как по путеводной карте.
Для меня красота на втором плане, но всё же я к ней очень серьёзно отношусь. Цветовое решение прорабатываю достаточно долго. Клиент не может просто сказать, что ему нужен красный или синий сайт. Это миллион оттенков. Синий, например, самый сложный цвет. Я подбираю различные варианты гармоничного сочетания цветов.
Далее идёт работа с типографикой. Это текст и шрифт. Я тщательно подбираю шрифт, так как важно, какое настроение создает сайт. Он может быть строгий, изящный, женственный, мужественный… Много всяких вариантов.
Я не беру первый попавшийся шрифт. Много шрифтов платных, клиенты об этом даже не догадываются. Всё качественное всегда стоит денег. Существуют качественные бесплатные шрифты, но их не так много. Я этому уделяю большое внимание.
Ещё уделяю много внимания качественному изображению на сайте, а именно фотографии. Есть целая технология, как загрузить фотографию на сайт, чтобы качество сохранилось. Автоматическая загрузка может снизить качество фотографии. Я порой вижу на некоторых сайтах, что разработчик не учёл этот момент.
- Подскажи, если выбирать дизайнера, то как думаешь, какими навыками он должен обладать? На что нужно опираться или какой дизайнер идеальный?
Как сегодня уже рассказывала: есть красивая картинка, а есть техническая часть сайта.
Идеальный случай, когда эксперт может создать красивую картинку, но при этом на основе смыслов, структуры и маркетинга идёт первоначальный анализ. Он должен разбираться в маркетинге, уметь красиво рисовать и обладать логическим и структурным мышлением и ещё подкованный технически.
Например, я могу и код написать. Несмотря на то, что Тильда конструктор, если нужно, могу некоторые моменты дописать. Это то, что не заложено в стандартных функциях.
Чтобы выбрать своего “идеального дизайнера”, нужно смотреть портфолио и понимать, в каком стиле он работает. Не требуйте от человека всего. Если я не рисую Симпсонов на сайте, то и не буду их рисовать. А есть те, кто может нарисовать человечков, сделать мультипликацию.
- Чему ты училась, чтобы стать дизайнером? Как пришла к тому, чем сейчас занимаешься?
У меня два IT-образования. Начинала с технической части. После чего работала в сфере разработок программного обеспечения. Визуальной составляющей у меня не было в работе. Зато хорошо понимаю внутренности, даже не сайтов, а автоматизированных информационных систем.
Проработав 13 лет в этой сфере, решила пойти дальше развиваться. Изучила дизайн. Захотелось внести в свою жизнь больше творчества. Сначала двигалась как графический дизайнер. После этого поняла, что всегда нравилось работать с сайтами. Затем взяла обучение по разработке сайтов. Теперь в голове сложились все пазлы: и IT, и графический дизайн, UX/UI дизайн.
- Допустим клиент, приходит к тебе, но не может выразить, что он хочет, хотя понимает, для чего ему нужен сайт. Тебе приходилось вытаскивать из клиентов информацию? Ведь для того, чтобы сделать классный сайт, нужно погрузиться в работу этого человека. Нужно знать, на какую целевую аудиторию он нацелен и именно ей постараться понравиться. Ты сама такими вещами занимаешься?
- Да, я погружаюсь в деятельность клиента. Были случаи, когда у заказчика было размытое понимание, чего бы он хотел, но чёткого позиционирования нет. И здесь порой сложно приходится.
Я стараюсь разобраться до того момента пока могу. Смотрю, насколько у него это проработано. Если у него проработано до того момента, когда могу продолжить работать с текстом и структурой, то ок.
Был случай, когда отправляла клиентку к эксперту, который помог распаковать её и выстроить позиционирование. Даже два таких случая. Огромное облегчение, когда клиент приходит с понятным продуктом и упаковкой, потому что работа над сайтом, это большая работа.
- Думаю, что к какому бы специалисту по маркетингу мы ни отправлялись, для каждого из них было бы большим подспорьем, когда человек имеет чёткое понимание своего продукта или услуги. С чем должен к тебе прийти “идеальный клиент”, кроме понимания своего позиционирования?
- Идеальный клиент должен прийти с текстом и какой-никакой структурой. Я посмотрю и дам оценку со своей стороны, как на сайте это расположить и как это будет выглядеть.
Я ответственно подхожу к работе над сайтами. Такого ещё не было, чтобы клиент дал текст, а я просто перенесла его на сайт. Конечно, я работаю с текстом и структурой.
- Получается, что прежде чем клиент придёт к тебе, он должен ещё побывать у других специалистов по продвижению, например, у копирайтера, так?
- Да, есть такие эксперты, которые занимаются распаковкой, копирайтеры, есть те, кто объединяет несколько подобных функций. В своей идеальной картинке, вижу, что у меня будут такие партнёры, к которым могу отправить своих клиентов. Кстати, за поиском смыслов я могу отправить к тебе.
- Да, ко мне можно с этим прийти. Буду рада, если ты станешь направлять ко мне за поиском ценностей и упаковкой смыслов. Если подытожить, то лёгкий клиент, тот у кого смыслы максимально собраны. Так?
- Да. А если иметь в виду визуальную составляющую, то идеальный клиент тот, который покажет несколько сайтов, которые ему нравятся. Мне нужно понять и прочувствовать клиента.
- Согласна, мы все разные. Одному нужны рюшечки и цветочки, а другому геометрические фигуры. И если ты мне будешь предлагать цветочки, в то время когда я хочу фигуры, то я буду думать: “Фу, какой плохой дизайнер”. Ещё одна история, которую мне часто приходится наблюдать у своих клиентов. Когда экспертам нужно заниматься продвижением, а им “больно” разбираться с тем, кто они, для кого они и какой результат дают. Тогда они говорят: “Мне сложно всё это описывать, лучше пойду к эксперту по продвижению, он посмотрит на меня и скажет, что именно нужно делать”
- Это серьёзно? такое бывает?
- Это серьёзно. Более того, так часто и происходит. Возможно, люди просто не понимают из чего состоит та или иная профессия. Не понимают, из какого материала специалисты выстраивают ту или иную услугу. Приходится объяснять, что другой эксперт в нашу голову не залезет.
Есть такое выражение: если бы у бабушки были бы яйца, то она была бы дедушкой. Вот это про такие заблуждения.
Если эксперт по продвижению будет брать всё из своей головы, то это будет его продукт. Его видение может совсем не совпадать с видением человека, который пришёл за продвижением. И нередко именно так и бывает.
Нельзя полностью полагаться на специалиста в позиционировании, так как он не может указывать, какими вам нужно быть.
- Ты хорошо подсветила этот момент. Взять идеального клиента и клиента, который не понимает, чего он хочет. Во втором случае очень сложно понять визуальную составляющую сайта. Так можно попасть пальцем в небо. Работа может быть и хорошая, но просто сайт окажется не во вкусе клиента. И это боль для дизайнеров.
- Да, нелёгкая эта работа. Я имела наглость пробовать сделать всё сама. Изучала, как делать то или сё. Например, как делать сайт или запустить таргетинговую рекламу. Теперь знаю, что лучше дать эксперту чёткую задачу и пусть он сделает всё нормально и быстро, обладая теми знаниями, которых у меня нет.
- Если нет ТЗ результат ХЗ.
- Именно так. В чём бы ты хотела развиваться?
- Хотела бы оттачивать дизайн дальше, как визуальную составляющую. В дизайне важную часть играет насмотренность. Это не просто визуальный опыт, когда посмотрел 1-2 сайта, пока делаешь заказ. Это отдельная работа.
Нужно каждый день заходить в интернет и просматривать топовые работы, изучать и делать для себя анализ: а почему так? а как это работает? Этот момент клиент не осознаёт и не учитывает. Необходима огромная насмотренность, чтобы в нужный момент выдать отличный результат. Знать, как можно иначе блок организовать и какое новое решение применить.
И чем больше дизайнер анализирует увиденное, тем изящнее получаются решения. Поэтому я бы хотела оттачивать навык дизайна.
Хочу вокруг себя создать команду людей, которые занимаются распаковкой, маркетологи, таргетологи, специалисты по Яндекс-рекламе. Чтобы смежные эксперты всегда были на подхвате. Я и сейчас сайт отдаю под ключ, но хочу, чтобы все смежные задачи решались ещё профессиональнее и быстрее.
- Кстати, здесь мы совпадаем. Поэтому, решила сделать цикл интервью с такими людьми, чтобы клиенты могли о них узнать и выбрать своего. Теперь последний вопрос. Как тебя найти?
- У меня есть сайт, конечно. Там можно посмотреть примеры работ и этапы работы над сайтом клиента, есть информация о моём подходе и ответы на часто встречающиеся вопросы клиентов. Заявку можно оставить на сайте или перейти в удобный мессенджер и пообщаться со мной напрямую.
- Ещё хочу сказать немного о твоих работах. Мне они очень понравились. После того, что ты рассказала, они по-другому видятся. Начинаешь понимать, чем твои работы отличаются от работ других дизайнеров. Когда ты произнесла слово “изящный”, то к твоим сайтам оно очень подходит. И дело не в том, что там какие-то завитушки особенные, для меня это какая-то тонкость, стройность и структурность. Я была сильно впечатлена твоими работами, а мне есть с чем сравнивать.
- Спасибо. Получается, мой подход даёт плоды. В дизайне это называется эстетика и чистота.
- Согласна, как будто ничего лишнего и при этом всё есть. Красивые и лаконичные сайты. А вот ты говорила, что есть топовые сайты. А кто топовый? Я только Артемия Лебедева знаю.
- Например, в Тильде есть такая категория, когда сайты, сделанные разработчиками на Тильде, попали в топ по независимой оценке. Топовый сайт именно по дизайну. И каждый день эта коллекция пополняется. Есть сайты, которые агрегируют другие сайты, что заняли первые места по дизайну.
Есть мировой ресурс Behance. Там сайты ранжируются по тому, как другие дизайнеры ставят лайки и пишут комментарии. Лучшие сайты поднимаются в топ. Есть независимая оценка. Недавно я там выложила свой сайт. Мне было приятно, что насобирала много лайков и комментариев.
Выложить кейс, довольно трудоёмкая работа. Сродни созданию сайта: правильно оформить, подать и передать в цвете само настроение сайта. И постоянно смотришь лучшие работы на этом сайте.
Таким образом, тренируешь насмотренность. Когда обучалась на курсе, то у было задание, каждый день просматривать по 40 сайтов. И непросто посмотрел, открыл-закрыл. Нужно отметить для себя: что лучшее? что работает? какой шрифт? а как блок реализован?
- Да, конечно, когда эксперты не только на себе сконцентрирован, то и результат получается лучше. Спасибо за этот подробный рассказ. Я всю эту историю про заказ сайта знала ни сколько не лучше, чем твои клиенты. Порой мне казалось, что стоимость сайтов несколько преувеличена. Теперь понимаю, из чего складывается цена. Когда определюсь с тем, какой сайт нужен, то знаю, к кому приду. Могу сделать вывод, что крутые эксперты сберегают время нашей жизни, так как не приходится делать необходимую работу «на коленке» и тем самым приближают момент встречи с клиентом. Оксана, спасибо, тебе за интервью.
Контакты Оксаны Ефросининой
сайт: Efro-Design (https://efro-design.com/)
Телеграм: https://t.me/OksanaEfrosinina