0
:)
Анастасия Лаврикова. дизайнер
Диджитал дизайнер
ключевые компетенции
Веб-дизайн (сайты)
Опыт работы (2 года)
2023 – наст. время: Рыба, креативная редакция / Веб-дизайнер
2023: Медиаконтекст, агентство интернет-маркетинга / Веб-дизайнер
2022: Фриланс / Веб-дизайнер
связь
Telegram @laureatuss
кейсы (13)
СКБ Техно
Корпоративный сайт
Дизайн, Вёрстка
+
Brandformance для FMCG
Лендинг
Дизайн, Вёрстка
+
Маринад
Корпоративный сайт
Концепты, Вёрстка
+
Как писать медицинские тексты
Лендинг
Дизайн, Вёрстка
+
Инженер Комплект
Корпоративный сайт
Дизайн, Вёрстка
+
Фигма для авторов
Лендинг
Дизайн, Вёрстка
+
Нас выбесили эти первые экраны
Статья
Дизайн
+
DWRÅ
Лендинг
Дизайн, Вёрстка
+
Стажировка
Лендинг
Дизайн, Вёрстка
+
Hola
Лендинг
Дизайн, Вёрстка
+
Как продвинуть Телеграм-канал
Лендинг
Дизайн, Вёрстка
+
Alpine meadow
Лонгрид
Вёрстка
+
Анастасия Лаврикова, диджитал дизайнер :)
Telegram @laureatuss
Котята
Спецпроект
Дизайн, Вёрстка
+
Разработка на Tilda
:)
Centra
Презентация
Дизайн
+
кейс
Котята
Спецпроект
Дизайн, Вёрстка
Информация
Помощь волонтёрам из Питера в поиске домов для шестерых котят
Было необходимо сделать лендинг с котятами, ищущими себе семью. Хотелось создать «по-детски» яркий дизайн, подчёркивающий возраст животных, передающий неуклюжесть и вызывающий умиление
Задача
- Составление мудборда, подбор референсов, прописание облака ассоциаций
Что было сделано
- Также в референсы были добавлены идеи с орнаментом клетки, часто встречающейся в дизайне азиатских интернет-магазинов
- Разработка дизайна, отрисовка графики и иллюстраций, адаптивы
- Вёрстка на Tilda, анимация, применение модификаций и кода
#madeontilda
Сайт попал в галерею лучших проектов Тильды
кейс
СКБ Техно
Корпоративный сайт
Дизайн, Вёрстка
Информация
Компания занимается электронной регистрацией всех видов сделок в Росреестре с 2017 года
Было необходимо сделать редизайн уже существующего сайта (контент и структура полностью менялись). В дизайне стояла задача сделать сайт современным, сохранив фирменный цвет, передать ощущение лёгкости. В разработке было важно учесть возможность в будущем клиенту самостоятельно редактировать конкретные блоки. Был запрос на наличие динамики (анимация), но не слишком «яркой»
Задача
- Собраны референсы и предложены клиенту для понимания предпочтений и направления стилистики
- Создание концепций
Что было сделано
Сайт до редизайна выглядел так
- Разработка дизайна сайта и его адаптивов
- Вёрстка на Tilda, применение модификаций и кода, анимирование
- Создание отдельной странички «Блог» для статей
Так как было принято решение в новом дизайне использовать текстовый вариант логотипа, для сохранения фирменного силуэта гор их прообраз был использован в графики на протяжении всего сайта
- Запись скринкаста для клиента с инструкцией как самостоятельно редактировать нужные ему блоки
кейс
Brandformance для FMCG
Лендинг
Дизайн, Вёрстка
Информация
Посадочная страница для регистрации на вебинар про инструменты привлечения аудитории, увеличения охватов и поддержки репутации
Было необходимо создать лендинг в двух цветовых решениях для проведения A/B-тестирования
Задача
- Сбор референсов
- Создание концепций
- Разработка дизайна в двух вариантах (темный и светлый), создание графики, адаптивы
Что было сделано
- UI-кит для каждого из вариантов
- Вёрстка на Tilda, анимирование
Белая версия лендинга выглядит так
кейс
Маринад
Корпоративный сайт
Концепты, Вёрстка
Информация
Marinad Agency — агентство системной разработки и продвижения сайтов для FMCG и промышленности
У нового агентства сайт создавался с нуля. Было необходимо сверстать на Tilda готовый дизайн, использовав вид вёрстки «Autoscale»
Задача
- Поиск референсов и создание концептов
Что было сделано
- Вёрстка на Tilda (с учетом автомасштабирования Autoscale) главной странички и всех технических (Ошибка 404, Страница благодарности, Политика конфиденциальности)
- Адаптивы
- Анимация
- Применение модификаций и кода
Предложенные мной варианты не прошли данный этап работы над сайтом (поэтому их нельзя увидеть на готовом сайте, в итоге я верстала чужой дизайн), но их можно посмотреть ниже
кейс
Как писать медицинские тексты
Лендинг
Дизайн, Вёрстка
Информация
Бесплатный курс для обучения написанию информационных и коммерческих текстов на медицинскую тематику
Было необходимо создать яркий лендинг с креативным дизайном
Задача
- Составление мудборда, подбор референсов и создание концептов
Что было сделано
- Разработка дизайна, отрисовка графики, адаптивы
- Вёрстка на Tilda, анимирование, применение модификаций и кода
Общее настроение собралось какое-то такое: отражение привычных медицинских атрибутов (ассоциации с ними), при этом всё в примитивных формах и ярких тонах
кейс
Инженер Комплект
Корпоративный сайт
Дизайн, Вёрстка
Информация
Инженер Комплект — компания, занимающаяся установкой инженерных систем в помещениях
Было необходимо сделать редизайн уже существующего сайта, контент, структура и функционал которого полностью менялись, и сверстать его на Тильде
Задача
- Создание карты сайта в FigJam
Что было сделано
- Разработка прототипов
- Подбор референсов и создание концептов
- Создание дизайна, ui-кита и отрисовка адаптивов
- Вёрстка на Tilda, анимирование, применение модификаций и кода
- Написание руководства по редактированию сайта для клиента
На настоящий момент, к сожалению, сайт еще не выпущен, поэтому мою вёрстку нельзя посмотреть. Даю ссылку на Фигму с этим проектом
кейс
Фигма для авторов
Лендинг
Дизайн, Вёрстка
Информация
Курс, знакомящий мастеров авторского дела с графическим редактором для упрощения работы с контентом
Было необходимо создать яркий лендинг с креативным дизайном
Задача
- Разработка концепта
Что было сделано
Ключевая идея — воплотить привычный интерфейс Фигмы, с её верхней панелью управления, и поместить всю контентную часть лендинга в «Frame 1», повторить текстовый контейнер (голубая обводка выделенного текста) и добавить бегающие курсоры «участников файла»
- Создание дизайна, отрисовка графики, адаптивы
- Вёрстка на Tilda, анимирование, применение модификаций и кода
кейс
DWRÅ
Лендинг
Дизайн, Вёрстка
Информация
Датская компания, предоставляющая услуги по обучению парусному спорту, организации экскурсий в открытом море и аренде лодок для вечеринок
Создать минималистичный сайт со всей информацией о компании и услугах, добавив фото интерьера кают
Задача
- Поиск референсов и создание концептов
- Разработка дизайна, адаптивы
- Вёрстка на Tilda, анимирование, применение модификаций и кода
Что было сделано
кейс
Стажировка
Лендинг
Дизайн, Вёрстка
Информация
Флагманский курс редакции «Рыба» для обучения копирайтингу на практике
Было необходимо создать лендинг в тёмных тонах и с креативным дизайном
Задача
- Подбор референсов и создание концептов
- Разработка дизайна, отрисовка графики, адаптивы
- Вёрстка на Tilda, анимирование, применение модификаций и кода
Что было сделано
кейс
Hola
Лендинг
Дизайн, Вёрстка
Информация
Оффлайн-школа по изучению испанского языка для взрослых и детей
Создать лендинг со всей информацией о школе и формой записи
Задача
- Поиск референсов и создание концептов
- Разработка дизайна, подбор иллюстраций, адаптивы
- Вёрстка на Tilda, анимирование
Что было сделано
кейс
Как продвинуть Телеграм-канал
Лендинг
Дизайн, Вёрстка
Информация
Курс для изучения принципов работы с рекламой в Телеграме
Было необходимо создать лендинг с простым дизайном в космическом стиле
Задача
Что было сделано
- Подбор референсов и создание концептов
- Разработка дизайна, адаптивы
- Вёрстка на Tilda, анимирование
кейс
Alpine meadow
Лонгрид
Вёрстка
Информация
Лонгрид, повествующий об альпийских лугах, их флоре, упоминаниях в медиа пространстве и прочих интересных фактах
Было необходимо сверстать готовый дизайн десктопной версии сайта, создать адаптивы, реализовать всю задуманную анимацию и функционал
Задача
- Вёрстка десктопа на Tilda по готовому дизайну
- Создание адаптивов
- Анимирование, применение модификаций и кода
Что было сделано
Сайт попал в иностранную подборку галереи Made on Tilda
