Принимаем сайт у фрилансера

Разработчик показывает сайт на большом мониторе, и там все красиво. Но ваши покупательницы чаще всего откроют его с телефона: по ссылке из Телеграма, из сторис, из чата. Поэтому принимать сайт нужно с телефона, причем с вашего собственного, в обычном браузере.

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

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

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

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

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

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

Если что-то нашли, запишите и сделайте скриншот. Скриншот объяснит фрилансеру больше, чем «у меня там что-то не так».

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

Начните с того места, откуда к вам придут люди. Откройте ссылку на сайт из Телеграма или из сторис, с телефона, как это сделает покупательница. И представьте, что вы видите этот сайт впервые и хотите конкретную свечу.

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

Откройте карточку товара. Видна ли цена сразу, без прокрутки? Можно ли рассмотреть фото поближе? Понятно ли, сколько стоит доставка и есть ли товар в наличии?

Нажмите «Заказать» или «Написать» и дойдите до конца, как будто покупаете по-настоящему. Если форма просит зарегистрироваться, завести пароль или заполнить десять полей, на этом месте теряются покупательницы. Чем меньше полей, тем больше заказов.

А теперь главное. Проверьте, куда пришла ваша заявка. На почту, в Телеграм, туда, куда вы договаривались с исполнителем. Пришла сразу? В ней видно, что заказали, сколько штук и как связаться с покупательницей? Если заявка не пришла или пришла через час, все остальное уже не важно: сайт красивый, а заказов нет.

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

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

И последнее. После проверки попросите удалить ваши тестовые заказы, чтобы они не путались с настоящими.

Сначала скорость. Выключите на телефоне Wi-Fi и откройте сайт через обычный мобильный интернет. Так его откроет покупательница в метро или в очереди. Если несколько секунд вы смотрите на белый экран, многие за это время просто закроют вкладку.

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

Если хочется цифр, есть бесплатный инструмент Google PageSpeed Insights. Вставляете адрес сайта и смотрите оценку для телефона. Гнаться за идеальной сотней не нужно, но если оценка совсем низкая, это повод спросить почему.

Теперь мелочи. По отдельности каждая кажется пустяком, но именно по ним покупательница понимает, аккуратно ли сделан сайт.

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

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

Посмотрите на вкладку браузера. Там должно быть название вашего магазина и ваш значок, а не стандартная иконка конструктора.

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

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

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

Пролистайте главную страницу целиком и ответьте себе на несколько вопросов.

Есть ли воздух? Вокруг ваших вещей должно оставаться свободное место. Чем теснее на странице, тем дешевле выглядит товар, даже если он дорогой.

Сколько тут шрифтов? Хватает одного или двух. Если заголовки, цены и подписи написаны пятью разными шрифтами, глаз устает раньше, чем доходит до товара.

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

Не отвлекает ли фон? Узоры, текстуры и картинки на фоне спорят с вашими изделиями за внимание. Фон должен оставаться рамой.

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

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

Подробно о каждом пункте, с примерами, рассказываю в мастер-классе «Бутик или базар».

Самый важный вопрос при приемке, о котором забывают почти все: кому на самом деле принадлежит ваш сайт.

Начните с домена, то есть адреса сайта. Домен должен быть оформлен на вас, а не на исполнителя. Попросите показать его в вашем личном кабинете у регистратора или заведите кабинет и попросите передать домен туда. Если домен в зоне .ru, в открытой проверке вы, скорее всего, увидите только «Private Person», по такой записи не понять, чей он. Надежнее увидеть домен своими глазами у себя в кабинете.

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

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

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

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

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

Каналы и аккаунты иногда уводят, и вместе с ними пропадают годы работы. С сайтом то же самое: он ваш, только если доступы от него у вас.

Сайт это рама, а фото, тексты, логотип и название это картина. Рама не спасет картину, а картина раму. Поэтому, когда что-то на сайте не нравится, сначала разберитесь, что именно: рама или картина.

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

А вот что от исполнителя почти не зависит.

Фото. Если изделия сняты на кухне вечером при желтой лампе, никакой дизайн не сделает их дорогими. Сайт покажет ровно то, что вы дали, только крупнее.

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

Логотип и название. Исполнитель сайта не обязан быть дизайнером логотипов. Если логотип размытый или нечитаемый на маленьком экране, это отдельная задача.

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

И сроки. Если материалы для сайта пришли на три недели позже, сайт тоже будет позже.

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

Хороший сайт получается, когда оба делают свою часть. Рама и картина вместе.

Правки неизбежны, и это нормально. Важно, как вы их передаете.

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

Расставьте их по важности. Сначала то, что мешает покупать: заявка не приходит, кнопка не нажимается, сайт съезжает на телефоне. Потом то, что просто не нравится: оттенок, шрифт, расположение блока. Так первое исправят в первую очередь.

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

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

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

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

Стоимость и срок зависят от размера сайта:

Сайт-витрина до 5 страниц, без корзины: 8 000 ₽, срок 2 дня.
Магазин с корзиной, оформлением заказа и доставкой, до 10 страниц: 12 000 ₽, срок 2 дня.
Сайт больше 10 страниц: стоимость и сроки по договоренности.

Если ваш сайт на this is one, техническую часть мы уже проверили за вас: сайт работает на телефоне, заявки приходят, шапка на месте. А фото, тексты и оформление я посмотрю бесплатно, по запросу прямо из кабинета.