Редизайн сайта

Редизайн сайта

Редизайн сайта

Редизайн сайта

Редизайн сайта

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

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

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

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

Мы научились быстро погружаться в задачу: всего за 1-2 дня мы получаем представление о проекте и можем представить черновую структуру. Так выглядят результаты:

Пример результата предпроектной аналитики: mindmap, структура, роли

Cmd / Ctrl + Scroll для изменения масштаба

показать демо

прямо здесь

Пример результата предпроектной аналитики: CJM

Cmd / Ctrl + Scroll для изменения масштаба

показать демо

прямо здесь

Мы научились быстро погружаться в задачу: всего за 1-2 дня мы получаем представление о проекте и можем представить черновую структуру. Так выглядят результаты:

Пример результата предпроектной аналитики: mindmap, структура, роли

Cmd / Ctrl + Scroll для изменения масштаба

показать демо

прямо здесь

Пример результата предпроектной аналитики: CJM

Cmd / Ctrl + Scroll для изменения масштаба

показать демо

прямо здесь

Мы научились быстро погружаться в задачу: всего за 1-2 дня мы получаем представление о проекте и можем представить черновую структуру. Так выглядят результаты:

Пример результата предпроектной аналитики: mindmap, структура, роли

Cmd / Ctrl + Scroll для изменения масштаба

показать демо

прямо здесь

Пример результата предпроектной аналитики: CJM

Cmd / Ctrl + Scroll для изменения масштаба

показать демо

прямо здесь

показать демо

прямо здесь

показать демо

прямо здесь

показать демо

прямо здесь

Процесс редизайна

Начинаем с изучения имеющихся требований. Часто делаем аудит трендов UI UX дизайна.

Далее проектируем решение, проводим демонстрацию. После согласования — готовим UI-kit, палитры и типографику. Затем собираем макеты и передаём в разработку.

Процесс редизайна


Анализ трендов UI UX

  • Используем авторитетные источники

  • Определяем наиболее популярные тренды UX/UI

  • Выбираем те, которые применимы к вашему проекту

  • Делаем презентацию с выводами и рекомендациями

Анализ трендов UI UX


Аудит по трендам UI UX

Анализируем все экраны, находим недостатки дизайна.

Предлагаем идеи по улучшению с обоснованием своей позиции.

Аудит по трендам UI UX


Проектирование интерфейса

Делаем детальный прототип, чтобы показать интерфейс и убедиться, что учтены все требования. Прототип используем для UX-тестов (интервью с пользователями).

Срок разработки прототипа: 1-2 месяца, в зависимости от сложности проекта.

Проектирование интерфейса


Дизайн как система

Убрём хаос из проекта и полностью пересоберём цветовую палитру и компоненты.

Ваши разработчики будут приятно удивлены организацией дизайн-проекта.

Дизайн как система


UI-kit, цвета и типографика

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

UI-kit, цвета и типографика


Новая дизайн концепция

Делаем дизайн нескольких основных страниц. Учитываем тренды UI UX, недостатки конкурентов и существующего дизайна.

Собираем макеты на компонентах, используем autolayout и переменные в Figma.

Новая дизайн концепция


Дизайн страниц в Figma

Делаем макеты в 3-5 разрешениях для разных устройств.

Макеты собираем на основе UI-kit, цветовой палитры и правил адаптивной типографики, которые делаем для каждого проекта индивидуально.

Дизайн страниц в Figma


Порядок в дизайне

Никто не запутается: какой отступ или цвет использовать — все правила уже внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.

Порядок в дизайне


Творческое задание

Придумаем как внедрить новую функцию в качестве тестового задания.

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

Творческое задание

Процесс редизайна

Начинаем с изучения имеющихся требований. Часто делаем аудит трендов UI UX дизайна.

Далее проектируем решение, проводим демонстрацию. После согласования — готовим UI-kit, палитры и типографику. Затем собираем макеты и передаём в разработку.

Процесс редизайна


Анализ трендов UI UX

  • Используем авторитетные источники

  • Определяем наиболее популярные тренды UX/UI

  • Выбираем те, которые применимы к вашему проекту

  • Делаем презентацию с выводами и рекомендациями

Анализ трендов UI UX


Аудит по трендам UI UX

Анализируем все экраны, находим недостатки дизайна.

Предлагаем идеи по улучшению с обоснованием своей позиции.

Аудит по трендам UI UX


Проектирование интерфейса

Делаем детальный прототип, чтобы показать интерфейс и убедиться, что учтены все требования. Прототип используем для UX-тестов (интервью с пользователями).

Срок разработки прототипа: 1-2 месяца, в зависимости от сложности проекта.

Проектирование интерфейса


Дизайн как система

Убрём хаос из проекта и полностью пересоберём цветовую палитру и компоненты.

Ваши разработчики будут приятно удивлены организацией дизайн-проекта.

Дизайн как система


UI-kit, цвета и типографика

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

UI-kit, цвета и типографика


Новая дизайн концепция

Делаем дизайн нескольких основных страниц. Учитываем тренды UI UX, недостатки конкурентов и существующего дизайна.

Собираем макеты на компонентах, используем autolayout и переменные в Figma.

Новая дизайн концепция


Дизайн страниц в Figma

Делаем макеты в 3-5 разрешениях для разных устройств.

Макеты собираем на основе UI-kit, цветовой палитры и правил адаптивной типографики, которые делаем для каждого проекта индивидуально.

Дизайн страниц в Figma


Порядок в дизайне

Никто не запутается: какой отступ или цвет использовать — все правила уже внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.

Порядок в дизайне


Творческое задание

Придумаем как внедрить новую функцию в качестве тестового задания.

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

Творческое задание

Процесс редизайна

Начинаем с изучения имеющихся требований. Часто делаем аудит трендов UI UX дизайна.

Далее проектируем решение, проводим демонстрацию. После согласования — готовим UI-kit, палитры и типографику. Затем собираем макеты и передаём в разработку.

Процесс редизайна


Анализ трендов UI UX

  • Используем авторитетные источники

  • Определяем наиболее популярные тренды UX/UI

  • Выбираем те, которые применимы к вашему проекту

  • Делаем презентацию с выводами и рекомендациями

Анализ трендов UI UX


Аудит по трендам UI UX

Анализируем все экраны, находим недостатки дизайна.

Предлагаем идеи по улучшению с обоснованием своей позиции.

Аудит по трендам UI UX


Проектирование интерфейса

Делаем детальный прототип, чтобы показать интерфейс и убедиться, что учтены все требования. Прототип используем для UX-тестов (интервью с пользователями).

Срок разработки прототипа: 1-2 месяца, в зависимости от сложности проекта.

Проектирование интерфейса


Дизайн как система

Убрём хаос из проекта и полностью пересоберём цветовую палитру и компоненты.

Ваши разработчики будут приятно удивлены организацией дизайн-проекта.

Дизайн как система


UI-kit, цвета и типографика

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

UI-kit, цвета и типографика


Новая дизайн концепция

Делаем дизайн нескольких основных страниц. Учитываем тренды UI UX, недостатки конкурентов и существующего дизайна.

Собираем макеты на компонентах, используем autolayout и переменные в Figma.

Новая дизайн концепция


Дизайн страниц в Figma

Делаем макеты в 3-5 разрешениях для разных устройств.

Макеты собираем на основе UI-kit, цветовой палитры и правил адаптивной типографики, которые делаем для каждого проекта индивидуально.

Дизайн страниц в Figma


Порядок в дизайне

Никто не запутается: какой отступ или цвет использовать — все правила уже внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.

Порядок в дизайне


Творческое задание

Придумаем как внедрить новую функцию в качестве тестового задания.

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

Творческое задание

Процесс редизайна

Начинаем с изучения имеющихся требований. Часто делаем аудит трендов UI UX дизайна.

Далее проектируем решение, проводим демонстрацию. После согласования — готовим UI-kit, палитры и типографику. Затем собираем макеты и передаём в разработку.

Процесс редизайна


Анализ трендов UI UX

  • Используем авторитетные источники

  • Определяем наиболее популярные тренды UX/UI

  • Выбираем те, которые применимы к вашему проекту

  • Делаем презентацию с выводами и рекомендациями

Анализ трендов UI UX


Аудит по трендам UI UX

Анализируем все экраны, находим недостатки дизайна.

Предлагаем идеи по улучшению с обоснованием своей позиции.

Аудит по трендам UI UX


Проектирование интерфейса

Делаем детальный прототип, чтобы показать интерфейс и убедиться, что учтены все требования. Прототип используем для UX-тестов (интервью с пользователями).

Срок разработки прототипа: 1-2 месяца, в зависимости от сложности проекта.

Проектирование интерфейса


Дизайн как система

Убрём хаос из проекта и полностью пересоберём цветовую палитру и компоненты.

Ваши разработчики будут приятно удивлены организацией дизайн-проекта.

Дизайн как система


UI-kit, цвета и типографика

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

UI-kit, цвета и типографика


Новая дизайн концепция

Делаем дизайн нескольких основных страниц. Учитываем тренды UI UX, недостатки конкурентов и существующего дизайна.

Собираем макеты на компонентах, используем autolayout и переменные в Figma.

Новая дизайн концепция


Дизайн страниц в Figma

Делаем макеты в 3-5 разрешениях для разных устройств.

Макеты собираем на основе UI-kit, цветовой палитры и правил адаптивной типографики, которые делаем для каждого проекта индивидуально.

Дизайн страниц в Figma


Порядок в дизайне

Никто не запутается: какой отступ или цвет использовать — все правила уже внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.

Порядок в дизайне


Творческое задание

Придумаем как внедрить новую функцию в качестве тестового задания.

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

Творческое задание

Примеры проектов

Подход студии

Быстрые результаты

По начальным требованиям через 2-3 дня сделаем первые прототипы, чтобы быстро прийти к общему видению проекта.

На реальных данных

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

Системность в дизайне

В каждом проекте UI-kit, цвета, типографика, страницы в 3 размерах — не оставляем вопросов на разработке.

Логотип Wadline

В топ-10 дизайн-студий по мнению рейтинга Wadline

Логотип Ratingruneta

Топ-10 в проектировании по мнению Ratingruneta

Логотип Ratingruneta

Топ-10 ведущих веб-студий по мнению Ratingruneta

Аккредитованная IT-компания АО-20220418-4218209153-3

Отвечаем на частые вопросы

Что значит системный подход в дизайне?

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

Что значит системный подход в дизайне?

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

Что значит системный подход в дизайне?

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

Какие варианты сотрудничества?

Работаем как ООО "КРОНМЕДИА", ИНН 5504154094, аккредитованная ИТ-компания, по УСН, без НДС. Заключаем рамочный договор, условия прописываем в доп. соглашениях. Обмен по ЭДО.

Какие варианты сотрудничества?

Работаем как ООО "КРОНМЕДИА", ИНН 5504154094, аккредитованная ИТ-компания, по УСН, без НДС. Заключаем рамочный договор, условия прописываем в доп. соглашениях. Обмен по ЭДО.

Какие варианты сотрудничества?

Работаем как ООО "КРОНМЕДИА", ИНН 5504154094, аккредитованная ИТ-компания, по УСН, без НДС. Заключаем рамочный договор, условия прописываем в доп. соглашениях. Обмен по ЭДО.

Какая ценовая политика?

Работаем с любым бюджетом. Ставка в час 2500 рублей. Количество часов зависит от объёма проекта (от нескольких дней до 2-3 месяцев). В стоимость могут входить любые работы: прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Какая ценовая политика?

Работаем с любым бюджетом. Ставка в час 2500 рублей. Количество часов зависит от объёма проекта (от нескольких дней до 2-3 месяцев). В стоимость могут входить любые работы: прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Какая ценовая политика?

Работаем с любым бюджетом. Ставка в час 2500 рублей. Количество часов зависит от объёма проекта (от нескольких дней до 2-3 месяцев). В стоимость могут входить любые работы: прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Сколько нужно времени?

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

Сколько нужно времени?

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

Сколько нужно времени?

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

Как выглядит процесс работы?

Изучим требования, сделаем дизайн-концепцию, обсудим её на онлайн-встрече. Если всё нравится — двигаемся дальше. Раз в неделю делаем демо промежуточных результатов. Общение — в телеграм. С нашей стороны есть менеджер проекта, который отвечает за результат. Открытый доступ к проекту в Figma — можно следить за прогрессом.

Как выглядит процесс работы?

Изучим требования, сделаем дизайн-концепцию, обсудим её на онлайн-встрече. Если всё нравится — двигаемся дальше. Раз в неделю делаем демо промежуточных результатов. Общение — в телеграм. С нашей стороны есть менеджер проекта, который отвечает за результат. Открытый доступ к проекту в Figma — можно следить за прогрессом.

Как выглядит процесс работы?

Изучим требования, сделаем дизайн-концепцию, обсудим её на онлайн-встрече. Если всё нравится — двигаемся дальше. Раз в неделю делаем демо промежуточных результатов. Общение — в телеграм. С нашей стороны есть менеджер проекта, который отвечает за результат. Открытый доступ к проекту в Figma — можно следить за прогрессом.

В каком виде отдаётся результат?

Проект в Figma, который включает макеты страниц, UI-kit, типографику, и палитры. Макеты собраны на autolayout, используем переменные для размерностей и цветов. Всё организовано для удобства frontend-разработки и быстрого внесения правок при необходимости в будущем.

В каком виде отдаётся результат?

Проект в Figma, который включает макеты страниц, UI-kit, типографику, и палитры. Макеты собраны на autolayout, используем переменные для размерностей и цветов. Всё организовано для удобства frontend-разработки и быстрого внесения правок при необходимости в будущем.

В каком виде отдаётся результат?

Проект в Figma, который включает макеты страниц, UI-kit, типографику, и палитры. Макеты собраны на autolayout, используем переменные для размерностей и цветов. Всё организовано для удобства frontend-разработки и быстрого внесения правок при необходимости в будущем.

Можете сделать тестовое задание?

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

Можете сделать тестовое задание?

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

Можете сделать тестовое задание?

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

С чего начать?

С оценки трудозатрат. Опишите задачу на дизайн в свободной форме. Этого достаточно для оценки. Менеджер уточнит недостающую информацию. Мы отправим оценку в течение рабочего дня, после обсуждения с командой. Если условия подходят, проведём рабочую встречу, на которой познакомимся и обсудим детали.

С чего начать?

С оценки трудозатрат. Опишите задачу на дизайн в свободной форме. Этого достаточно для оценки. Менеджер уточнит недостающую информацию. Мы отправим оценку в течение рабочего дня, после обсуждения с командой. Если условия подходят, проведём рабочую встречу, на которой познакомимся и обсудим детали.

С чего начать?

С оценки трудозатрат. Опишите задачу на дизайн в свободной форме. Этого достаточно для оценки. Менеджер уточнит недостающую информацию. Мы отправим оценку в течение рабочего дня, после обсуждения с командой. Если условия подходят, проведём рабочую встречу, на которой познакомимся и обсудим детали.

Быстро отвечаем, оценим сроки и стоимость.

Быстро отвечаем, оценим сроки и стоимость.

Быстро отвечаем, оценим сроки и стоимость.