Ускорение работы сайта и показателей Pagespeed Insight
Первая работа: Требовалось ускорить только показатель LCP (Скорость загрузки основного контента), показатель до начала работ был больше четырех секунд, что точно негативно влияло на работу пользователя с сайтом.
По мере улучшения LCP по возможности старался заниматься и другими показателями. Результат на скриншоте
Работа вторая: Изначальная скорость загрузки дерева элементов состовляла 4,6 секунды, после работ - 1.2 секунды. Изначальные показатели по мобильной версии до работ – 55, помсле работ – 97-100.
Простой лендинг услуг компьютерного мастера, основной запрос – компактность страницы, максимальная высота – два экрана. Заказчик решил отказаться от классических форм заказа, оставив только номер телефона и самую основную
информацию о себе. расположение элементов первого экрана частично выбрана заказчиком.
Мобильный лендинг
Несколько однотипных лендингов для разных товаров. Сделано порядка 24 штук
лендинг сделан по макету и шаблону заказчика, многие изображения и иконки выбирались исключительно заказчиком.
Редактирование сайта
Сайт сделан на конструкторе, все элементы изначально были спозиционированы абсолютно, что не позволяет быстро совершать правки или добавлять новые товары. Переработал сайт, добавил возможность дополнить товары, наполнил сайт.
Обработать фото - сделать человека старше
Сделал с помощью нейросети Stable Diffusion, обработал в фотошопе.
Содержимое блоков и логика придумана вместе с заказчиком, сделана удобная и наглядная локальная копия заявок. Также помог заказчику с выбором доменного имени и выгодного хостинга на короткий период.
Лендинг по ремонту квартир
Понятный и удобный лендинг, структура блоков и стиль сделаны по пожеланию заказчика.
Блок контактов и формы заявки
При добавление блока с соц.сетями мною было решено не нагружать легкий дизайн сайта, при этом оставить блок контактов заметным для пользователя. Оформил в стиле других элементов интерфейса сайта, получилось удобно, заметно и без перенасыщения имеющейся
шапки информацией. Способ доставки заявок заказчик пожелал сделать на почту, от доставки в телеграм отказался. Страница "Спасибо за заявку" мной тоже выполнена в стиле сайта.
HTML-письмо
В верстке обычного html-письма нет ничего сложного, но если нужно сделать письмо, которое будет выглядеть одинаково хорошо на сайте почты, устаревшем почтовом клиенте и в приложении на телефон, то задача значительно усложняется и приобретает новые масштабы.
Было создано несколько таких писем, также генератор персональных писем для результатов конкурса и генератор результативных писем. Для корректности работы использовалась табличная верстка(та самая из начала 2000-х годов).
Стиль письма выполнен в соответствии с предпочтениями заказчика.
Частая проблема, когда о мобильной версии не позаботились изначально. Первое видео – до правок, второе – после.
Отправка заявок с сайта в CRM
Сайт был сделан на конструкторе, что создало некоторые сложности. CRM в данном случае - Trello.
Дизайн 🌈
Работа с Photoshop AI
Генерация фона для изображения. Закачику требовались фото в альбомной ориентации экрана, а исходные фото сделаны в книжной.
Результатом работы было три изображения, разрешением 135 мегапикселей каждое
Самое простое из всего портфолио, но почему-то именно в подобных заданиях заказчикам важно наличие опыта. Растровую обтравку делаю тоже (темная линия это и есть выделение пером, это не фон оставшийся после копирования)
Пример баннера на первом фото, на втором результат работы.
Заказчик был очень доволен результатом. Конечно же я сделал версию и согласно тз, но в итоге был выбран мой вариант сертификата.
Сложность задания в том, что исходные фото сделаны на телефон и в плохом освещении. Может показаться, что это почти не играет роли, но на самом деле в фотографиях на телефон часто теряются контуры объектов, а цвета становятся "грязными", из-за чего отделить объект от фона становится проблематично.
Обучение быстрой работе по извлечению рукописного текста на листе
Основная задача - ускорить работу менеджеров, которые справляются за 6-7 минут.
С поставленной задачей справился, новое время – 20-40 секунд.
Чтобы убрать лишние передвижения и надобность в запоминании горячих клавиш, я создал макрос, на видео подробно рассказал, как я это сделал и как пользоваться макросом. Заказчику было отправлено видео с оубчением и сам файл макроса.
Для интернет-магазина требовалось сделать автоматическое масштабирование страницы относительно размеров окна браузера.
Важно было отображать страничку сайта одинаково для пользователя с ноутбуком и для пользователя с 4К монитором.
Приложено два скриншота: первый с шириной экрана 1000px, второй с шириной 3200px.
Единственная сложность в том, что исходный файл был только в таком виде - фотография сделанная под углом. Несмотря на сложность лого сделано симметрично и с сохранением размеров элементов. Поиск шрифтов не составил труда.
Заказчику нужен был конкретный дизайн, уже сделанный на бумаге заранее. Задание не заняло много времени (фото 3), по своей инициативе сделал баннеры, которые действительно обратили бы на себя внимание клиентов (фото 1, 2)
Иногда из-за, казалось бы, мелочей, не получается сделать важные вещи. Будь то ошибка в слове на уже готовой продукции, лишние детали на фото или случайно поставленный отпечаток пальцев на продукции, которую нужно рекламировать в ближайшее время. Тут несколько примеров работ по исправлению мелких проблем.
Пример контента, который я создавал для инстаграм, розыгрыши пицц, регулярные сторис для цветочного магазина. Приложено десять файлов, но сделано мной гораздо больше.
