Към съдържанието

Уеб дизайн и брандинг: интерфейс и марка като едно цяло

Проектираме интерфейса (UI/UX) и марката (лого, цветове, шрифтове, правила) като едно цяло, за да изглеждате еднакво на сайта, в магазина и на хартия. Дизайнът започва от това, което търсят клиентите ви, проверява се на телефон и с реално съдържание и минава проверка на контраста по WCAG 2.2 AA, преди да стане код.

Оптична призма, която разлага светлината на кехлибарен и розов лъч

Всеки бизнес е различен и има нужда от собствен подход. Не правим дизайн, който е само красив: всяко решение трябва да помага на човека отсреща да намери, да разбере и да купи.

За кого е

  • Фирми с нов сайт или магазин, на които трябва интерфейс, направен за техните клиенти, а не взет от шаблон.

  • Марки, които са надраснали логото си или са сменили името си, както Тандем 2000 стана Тандем Експорт.

  • Фирми, които искат да запазят логото си, но изчистено, във вектор и с правила за ползване.

  • Екипи с разработчици, на които трябва дизайн система, по която да градят.

Какво получавате

  • UX: структура на сайта, пътищата на клиента и чернови (wireframes) на ключовите страници.

  • UI дизайн за телефон и компютър, с реално съдържание вместо запълващ текст.

  • Дизайн система: цветове, шрифтове, разстояния и компоненти като токени, с проверен контраст за всяка двойка текст и фон.

  • Лого и идентичност: лого във вектор (SVG), цветна, тъмна, светла и едноцветна версия, иконка и фавикони, правила за ползване.

  • Шрифтове с добра кирилица, включително с българските форми на буквите, ако ги искате.

  • Цветова палитра с роли: основен цвят, акцент, текст, фон, състояния.

  • Изображения: арт дирекция на снимките и илюстрациите. AI изображения ползваме само за абстрактни сцени, никога вместо истински хора, екип или обекти.

Как работим

Като призма: една идея, разложена на цветове, шрифтове и правила, които се подреждат навсякъде еднакво.

  1. Разговор: кои са клиентите ви, какво трябва да усетят, кои са конкурентите ви.

  2. Посока: няколко варианта за марката или интерфейса, от които избирате един.

  3. Дизайн на ключовите страници за телефон и компютър, с вашите корекции.

  4. Система и файлове: дизайн системата, логото и правилата, във формати, с които работят разработчици и печатници.

  5. Изработка на сайта (вижте изработка на сайт) или предаване на вашия екип.

  • Тандем Експорт

    нова марка след смяната на името: лого, палитра и шрифтове, и каталог, изграден върху тях.

    PERF
    99
    LCP
    0,9 с
    CLS
    0
  • Чифлик Хилс & СПА

    топла идентичност на семеен хотел с рисувана къща и сайт, удобен за гости от всички възрасти.

    PERF
    99
    LCP
    0,8 с
    CLS
    0
  • Реха Бул

    запазихме логото и цветовете на клиента, но ги начертахме наново във вектор.

    PERF
    99
    LCP
    0,8 с
    CLS
    0

Кокита, Fancy Nuts и Биляна: индивидуален дизайн на първите им сайтове.

Тази марка: K!K!Design мина през същия процес, от преглед на старото лого до система с правила.

Измерено на : оценката с Lighthouse на телефон; LCP и CLS от реалните посетители за последните 28 дни (Chrome UX Report).

Колко струва

Цената зависи от обхвата: само интерфейс, само марка или и двете, колко посоки разглеждаме и къде ще се ползва дизайнът (сайт, печат, социални мрежи). Точната сума е по оферта след кратък разговор.

Как се формира цената при всички услуги: Колко струва изработката на сайт.

Често задавани въпроси

Колко струва изработка на лого?

Зависи от обхвата: само лого или цяла идентичност с правила, колко посоки разглеждаме и за какво ще се ползва (сайт, печат, табели). Точната сума е по оферта след кратък разговор.

Правите ли само дизайн, без изработка на сайт?

Да. Лого и идентичност, както и дизайн на интерфейс, предаваме и на вашите разработчици. Когато правим и сайта, нищо не се губи между дизайна и кода.

Каква е разликата между UI и UX дизайн?

UX е как работи: какво търси човекът, по какъв път минава и къде се спъва. UI е как изглежда: цветове, шрифтове, бутони, разстояния. Добрият дизайн решава първо UX, после UI.

Какви файлове получавам?

Логото във вектор (SVG) и като PNG, в цветна, тъмна, светла и едноцветна версия, фавикони и ръководство с правилата. За интерфейса: дизайн система с цветове, шрифтове и разстояния като токени, които разработчиците ползват директно.

Можете ли да освежите логото ни, без да го сменяме?

Да. Често това е по-добрият ход: пазите разпознаваемостта, а получавате чист вектор, правила и версии за всеки фон. Така направихме с логото на Реха Бул.

Как проверявате дали дизайнът работи?

С реално съдържание, на истински телефон, с проверка на контраста по WCAG 2.2 AA и с клавиатура. Преди кода ви показваме ключовите страници, за да ги видите в действие.

Разкажете ни за марката си

Какво правите, за кого и какво искате хората да усетят, когато ви видят? Отговаря човекът, който ще работи по дизайна.

Меню