Лилия Дубнюк

Веб-дизайнер

Привет!

Я — Лилия Дубнюк, начинающий веб-дизайнер. Создаю отзывчивый дизайн сайтов и дизайн взаимодействия.

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

Мои работы

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

Дизайн рекламного баннера для Общества Красного Креста Украины

Веб-дизайн

Концепт сайта для флориста-декоратора Zots Marina decor & flowers

liliya.dubnyuk@gmail.com

+380 67 500 90 40

Facebook

Ru

En

Закрыть
Наверх

Промо-кампания

  • идея

  • дизайн

  • допечатная подготовка

Вступление

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

Задача

Подготовить концепцию рекламного баннера для Движения Красного Креста и Красного Полумесяца. После определения победителя — подготовить материал к печати.

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

Красный Крест — доверие 190 стран мира.

Сюжет и иллюстрация

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

Особенность

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

Дизайн

Я подготовила три варианта макета.

Вариант 1
Вариант 2
Вариант 3

Выбор

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

2400 x 1200
1800 x 1200
2400 x 1200
1800 x 1200

Результат

Я научилась основам графического дизайна, поняла принципы допечатной подготовки и обрела первый опыт работы в дизайне. Баннер разместили на билбордах в Киеве, а я, как победитель, получила от Popel Education сертификат на курсы веб-дизайна.

 

liliya.dubnyuk@gmail.com

+380 67 500 90 40

Facebook

Открыта для новых проектов

Закрыть
Наверх

Веб-сайт

  • анализ и исследование

  • проектирование и прототип

  • контент

  • дизайн

  • интерактив

  • верстка

Клиент

Флорист-декоратор из Киева Марина Зоц. В event-индустрии работает с 2010 года. Марина основала и руководит свадебной мастерской «Бантик», обучает свадебной флористике и декору на авторских курсах.

В 2015 году Марина Зоц создает бренд Zots Marina decor & flowers. Он отличается от «Бантика» статусной категорией клиентов. У Zots Marina decor & flowers пока нет сайта, только страничка в Fb.

Особенность

Проект учебный. На курсах по веб-дизайну хотелось реальных задач от реального клиента. Поэтому я предложила знакомой Марине Зоц создать концепт сайта для Zots Marina decor & flowers. Марина любезно согласилась побыть моим заказчиком.

Задача

Разработать веб-ресурс для Zots Marina decor & flowers.

Цели создания

  • Представить бренд Zots Marina decor & flowers в digital-среде

  • Продавать услуги клиентам премиум и VIP сегмента

  • Привлекать компании для совместного сотрудничества

  • Продвигать школу флористики и декора (преобразованные курсы при «Бантике»)

Процесс

Анализ

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

ЦА услуг

Состоятельные люди 20-50 лет, преимущественно — женщины. Жители больших городов. Это директора, топ-менеджеры и предприниматели. Руководят свадебным, ресторанным, гостиничным делом. Представители event-сферы, шоу-бизнеса и телевидения.

ЦА школы

Девушки и женщины 18-45 лет среднего или ниже среднего достатка. Живут в больших городах и районных центрах. В большей мере это студентки, новички в профессии, флористы-аматоры или неработающие женщины.

ЦА услуг

Состоятельные люди 20-50 лет, преимущественно — женщины. Жители больших городов. Это директора, топ-менеджеры и предприниматели. Руководят свадебным, ресторанным, гостиничным делом. Представители event-сферы, шоу-бизнеса и телевидения.

ЦА школы

Девушки и женщины 18-45 лет среднего или ниже среднего достатка. Живут в больших городах и районных центрах. В большей мере это студентки, новички в профессии, флористы-аматоры или неработающие женщины.

Тип и структура веб-ресурса

Изначально Марина Зоц хотела одностраничный лендинг. Я убедила ее, что рациональнее делать презентационный сайт, поскольку услуг много и будут разделы регулярного наполнения.

Сайт состоит из пяти страниц-лендингов. На каждой — заметная фиксированная кнопка СТА — призыв заказать услугу или записаться на курсы.

Дизайн

Марина Зоц хотела строгий, лаконичный сайт без «рюшечек» и украшательств. Я выбрала визуальный стиль на основе ее пожеланий, нишевых дизайн-традиции, лучших практик и современных тенденций. Решение — легкий, сдержанный и чистый дизайн.

1280px

Главная страница

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

Первый экран

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

В мобильной версии я заменила видео на изображение для оптимизации загрузки сайта.

Навигация

Индикатор прокрутки на левой панели экрана отражает разделы и местоположение на странице. Символ «MZ» всегда отправляет на главную. На внутренние страницы сайта пользователь попадает из меню или из соответствующих разделов на главной.

Примеры работ

Я оформила примеры работ Марины Зоц в виде слайдера с коротким описанием каждой. Ссылка «Смотреть проект» отправляет на страницу «Портфолио» на конкретную работу.

Форма заявки

Чтобы отправить заявку, пользователь вводит имя, e-mail и сообщение. Минимум полей для заполнения — понятно и быстро.

Адаптивный и отзывчивый дизайн

Desktop
1280px
Tablet
991px
Mobile (landsckape)
768px
Mobile (portrait)
480px

Результат

За три месяца я с НУЛЯ освоила навыки UI и UX дизайна, аналитики, стратегии, копирайтинга и маркетинга. Узнала что такое HTML, CSS и как они работают. Самостоятельно спроектировала и сверстала интерактивную адаптивную страницу.

Посмотреть проект можно здесь

liiya.dubnyuk@gmail.com

+380 67 500 90 40

Facebook

Открыта для новых проектов

Liliya Dubnyuk

Web Designer

Hello!

I'm Liliya Dubnyuk, a beginner web designer. I create responsive website design and interaction design.

I consider the key in my work to be able to figure out the main tasks of the client’s business and offer the best solution. It is important for me to maintain a balance of aesthetics and functionality. I strive to make design convenient, attractive and relevant. 

My Works

Graphic Design

Design of an advertising banner for the Red Cross Society of Ukraine

Web Design

Website concept for florist-decorator Zots Marina decor & flowers

liiya.dubnyuk@gmail.com

+380 67 500 90 40

Facebook

Ru

En

Close
Up to top

Promo Campaign

  • idea

  • design

  • prepress

Introduction

The organizers of the educational project for beginner designers Internship 2016 held an additional competition. Together with the Red Cross Society of Ukraine, they prepared a bonus assignment. Those who wanted to try their hand at design and did not participate in the Internship 2016 program, had the opportunity to prove themselves.

Task

Prepare the concept of an advertising banner for the Red Cross and Red Crescent Movement. After determining the winner, submit the material for printing.

Banner Content

Red Cross — Trust of 190 Countries of the World

Plot and Illustration

Arbitrary, the main thing is to emphasize and reveal the meaning of the message.The message is based on the fact that the Red Cross and Red Crescent Movement operates in 190 countries. Each National Society in each country is independent. But the members of the Movement work together ― they help each other and coordinate actions.

Feature

The project was for me the first in my life task for design. I created a layout and simultaneously learned basics: composition, color, technique of rendering in vector and raster, formats and sizes of images, etc.

Design

I prepared three versions of the layout.

Version 1
Version 2
Version 3

Choice

Representatives of the Red Cross Society of Ukraine have chosen the first concept of the banner. The legal rules of the International Movement prohibit the placement of images or words on a symbol. So I modified the design. I made two versions of the layout, which were later approved.

2400 x 1200
1800 x 1200
2400 x 1200
1800 x 1200

Result

I learned the basics of graphic design, understood the principles of prepress and gained first experience in design. The banner was placed on billboards in Kyiv, and I, as a winner, received a certificate for web design courses from Popel Education.

liiya.dubnyuk@gmail.com

+380 67 500 90 40

Facebook

Open to new projects

Close
Up to top

Website

  • analysis and research

  • wireframe and prototype

  • content

  • design

  • interaction

  • front-end development

Client

Florist-decorator from Kyiv Marina Zots. In the event industry has been working since 2010. Marina founded and runs the wedding agency «Bantik», she teaches wedding floristics and decor at author's courses.

In 2015 Marina Zots creates the brand Zots Marina decor & flowers. In contrast to the «Bantik», the brand is focused on the status category of customers. Zots Marina decor & flowers does not have a website yet, just a page in Fb.

Feature

The project is educational. In courses on web design, I wanted real problems from a real client. Therefore, I suggested to my acquaintance Marina Zotz to create a website concept for Zots Marina decor & flowers. Marina kindly agreed to be my customer.

Task

Develop a web resource for Zots Marina decor & flowers.

Objectives of Creation

  • Present the Zots Marina decor & flowers brand in a digital environment

  • Sell ​​services to premium and VIP customers

  • Involve companies for joint cooperation

  • Promote a school of floristry and decor (converted courses at the «Bantik»)

Process

Analysis

The first stage of the work is research. I studied the business of Marina Zotz, the target audience, the niche market and competitors. Based on the results, I identified two groups of the target audience — for services and for the school. For each, I created cards of unfabled characters — portraits of typical customers.

TA of Services

Wealthy people are 20-50 years old, mostly women. Residents of big cities. They are directors, top managers and entrepreneurs. Lead wedding, restaurant, hotel business. Representatives of the event industry, show business and television.

TA of Schools

Girls and women 18-45 years old of average or below average incomes. They live in big cities and district centers. To a greater extent, these are students, beginners in the profession, florists-amators or non-working women.

TA of Services

Wealthy people are 20-50 years old, mostly women. Residents of big cities. They are directors, top managers and entrepreneurs. Lead wedding, restaurant, hotel business. Representatives of the event industry, show business and television.

TA of Schools

Girls and women 18-45 years old of average or below average incomes. They live in big cities and district centers. To a greater extent, these are students, beginners in the profession, florists-amators or non-working women.

Type and Structure of Site

Initially, Marina Zotz wanted one-page lending. I convinced her that it is more rational to make a presentation site, since there are many services and there will be sections of regular filling.

The site consists of five pages-landings. On each — a conspicuous fixed button CTA — the call to order a service or enroll for courses.

Design

Marina Zots wanted a strict, laconic site without any decorations. I chose a visual style based on her wishes, niche design traditions, best practices and current trends. My solution is an easy, discreet and clean design.

1280px

Home Page

Work on the project was given two months. I created only the main page, because I developed the website for the first time. The page consists of thematic blocks with short and capacious information.

First Screen

On the first screen, the user sees a background video of the work of Marina Zots, a logo and a concise descriptor. It is immediately clear what the site is about.

In the mobile version, I replaced the video with an image to optimize the site load.

Navigation

The scroll indicator on the left panel of the screen reflects the sections and location on the page. The symbol «MZ» always sends to the home page. On internal pages the user gets from the menu or from corresponding sections on the main page.

Work Examples

I designed examples of works by Marina Zots in the form of a slider with a short description of each. The link «View project» is sent to the «Portfolio» page for a specific project.

Application Form

To send a request, the user enters a name, email and a message. The minimum of fields for filling is clear and fast.

Adaptive and Responsive Designи 

Desktop
1280px
Tablet
991px
Mobile (landsckape)
768px
Mobile (portrait)
480px

Result

For three months, I learned from ZERO the skills of UI and UX design, analytics, strategy, copywriting and marketing. I found out what HTML and CSS are and how they work. I independently designed and developed an interactive adaptive page.

You can see the project here


liiya.dubnyuk@gmail.com

+380 67 500 90 40

Facebook

Open to new projects