Для сайтов: Шаблоны для сайтов на Tilda Publishing

Дизайн для сайтов и сервисов — Услуги — Nutnet

Осмысленный, лаконичный, информационный дизайн для сайтов, сервисов и интернет-магазинов

← Услуги

ОБСУДИТЬ ПРОЕКТ

Сервисы

Спроектируем интерфейсы в соответствии с потребностями клиентов и особенностями бизнеса

E-commerce

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

Корпоративные сайты

Расскажем о вашем бизнесе с помощью современных визуальных решений

Лендинги

Выгодно представим товар или услугу с помощью посадочной страницы

Сайты на Тильде

Быстро соберём и опубликуем небольшой сайт, лендинг и промо-страницу, без затрат на кодинг

ОБСУДИТЬ ПРОЕКТ

Примеры выполненных работ

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

Танцевальная онлайн-школа

Веб-сервис・ 2021

Адаптив: десктоп, мобайл, планшет

Дизайн-макеты
в Figma

UI-Kit для разработчиков

Кликабельный прототип

Инф. архитектура,
User Flow

Дизайн-концепция
на базе брендбука

kamon.dance ↗

СМОТРЕТЬ КЕЙС

~450 000 ₽

Стоимость

1,5 месяца

Этап дизайна

Ресторанный холдинг
Welcome Group

Корпоративный сайт・ 2021

СМОТРЕТЬ КЕЙС

welcome-group.ru ↗

Дизайн-макеты
в Figma

Кликабельный прототип

Инфарх,
User Flow

2 анимированных
дизайн-концепции

Адаптив: мобайл
и десктоп

UI-kit для разработчиков

~770 000 ₽

Стоимость

3 месяца

Этап дизайна

Сервис по продаже
б/у оборудования

Веб-сервис・ 2022

СМОТРЕТЬ КЕЙС

Дизайн-макеты
в Figma

Кликабельный прототип

Инфарх,
User Flow

Дизайн-концепция
с нуля

UI-kit для разработчиков

~490 000 ₽

Стоимость

2 месяца

Этап дизайна

Интернет-магазин
инженерных систем

Интернет-магазин・ 2021

Дизайн-макеты
в Figma

Кликабельный прототип

Инфарх,
User Flow

Дизайн-концепция
на базе брендбука

Адаптив: мобайл
и десктоп

UI-kit для разработчиков

~740 000 ₽

Стоимость

6 месяцев

Этап дизайна

Кейс скоро. ..

Этапы работ

Это рабочий процесс, которого мы придерживаемся. Если нужно, сможем выполнить только отдельные этапы.

• Информационная архитектура

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

• Прототип
  

  Рисуем макеты страниц в соответствии с инфархом, объединяем их в интерактивные сценарии. Прототип демонстрирует структуру контента и взаимодействие с будущим сайтом.

• Дизайн-концепция
  

  Разрабатываем эмоционально-стилистическое дизайн-решение на основе референсов и брендбука заказчика. Обычно на примере 2−3 ключевых страниц.

• Дизайн-макеты
  

  Объединяем прототип и дизайн-концепцию: получаются финальные макеты уникальных страниц, наполненные реальным контентом и эмоциями.

• Адаптив

  По умолчанию, дизайн-макеты готовы под мобайл и десктоп. По желанию заказчика адаптируем дизайн-макеты под разные типы устройств: планшеты, макбуки, телевизоры и т.  п.

• UI-kit и документация

  Готовим спецификации к макетам для передачи программистам: состояния интерактивных элементов, пояснения по адаптиву и анимации.

ОБСУДИТЬ ПРОЕКТ

О команде

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

Наш ключевой принцип Mobile First

Подробнее ↗

Следим за трендами

В курсе визуальных и технологических новинок, применяем, где уместно

Оптимизируем работу

Разрабатываем внутренние процессы и инструменты, поэтому способны подменить друг друга без ущерба проекту

Развиваем скиллы

Помимо базовых навыков, у каждого из нас есть специализация: креативная (иллюстрации, SMM, моушен) или инженерная (интерфейсы, исследования)

Работаем в команде с разработчиками

Поэтому разрабатываем реализуемый дизайн, а не просто красивые картинки

Частые вопросы

Нам доверяют

Нажимая кнопку «Отправить» вы соглашаетесь с условиями Пользовательского соглашения

Коммерческий директор

Иван Лощенов

Расскажите кратко о проекте. Познакомимся, ответим на вопросы, обсудим детали и сориентируем по стоимости.

Вам может быть интересно

Услуга

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

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

Подробнее

Услуга

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

Проектируем и разрабатываем корпоративные сайты, интернет-магазины и веб-сервисы в предсказуемый бюджет и срок

Подробнее

Авторизация через Яндекс ID для сайтов и приложений

Превращайте посетителей в клиентов в два клика

Превращайте посетителей в клиентов в два клика

Превращайте посетителей в клиентов в два клика

Узнавайте своих клиентов

100 миллионов пользователей Яндекса смогут быстрее входить на ваш сайт, а вы сможете их идентифицировать

Быстрое подключение

Простая во внедрении и бесплатная технология. Удобная интеграция через API

Возможности Яндекс ID

Авторизация
в два клика

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

Виджет «Мгновенного входа»

Всё происходит моментально — клиент видит всплывающее окно со своим именем и аватаркой и может подтвердить вход. «Мгновенный вход» можно внедрить на любом этапе воронки

Автозаполнение полей и форм

Настройте подстановку данных из аккаунта клиента в нужные поля — это ускорит оформление заказа

Авторизация в два клика

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

Виджет «Мгновенного входа»

Всё происходит моментально — клиент видит всплывающее окно со своим именем и аватаркой и может подтвердить вход. «Мгновенный вход» можно внедрить на любом этапе воронки.

Автозаполнение полей и форм

Настройте подстановку данных из аккаунта клиента в нужные поля — это ускорит оформление заказа.

Авторизация в два клика

Кнопки Яндекс ID могут выглядеть по-разному.

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

Виджет «Мгновенного входа»

Всё происходит моментально — клиент видит всплывающее окно со своим именем и аватаркой и может подтвердить вход. «Мгновенный вход» можно внедрить на любом этапе воронки.

Автозаполнение полей и форм

Настройте подстановку данных из аккаунта клиента в нужные поля — это ускорит оформление заказа.

А ещё вы сможете

Сэкономить на смс и получить проверенные e-mail

Мы верифицируем номера и почту клиентов за вас

Защититься от ботов и фрода

Мы не даём сомнительным аккаунтам авторизоваться через Яндекс ID

Сэкономить на смс и получить проверенные e-mail

Мы верифицируем номера и почту клиентов за вас

Защититься от ботов и фрода

Мы не даём сомнительным аккаунтам авторизоваться через Яндекс ID

Преимущества Яндекс ID для ваших клиентов

Просто

Не нужно запоминать логин и пароль для каждого сайта и подтверждать вход с помощью смс или email

Безопасно

Доступ к персональной информации с согласия пользователя. Клиент не вводит пароль, поэтому он защищён от похищения

Быстро

Доступ к персональной информации только с согласия пользователя

Как это работает

Пользователь выбирает Войти с Яндекс ID

Подтверждает вход с аккаунтом в Яндексе

После согласия посетителя его данные передаются вашему сайту или приложению

Готово!

посетитель сайта стал вашим потенциальным клиентом

Пользователь выбирает Войти с Яндекс ID.

Подтверждает вход с аккаунтом в Яндексе

После согласия посетителя его данные передаются вашему сайту или приложению.

Готово!

Посетитель сайта стал вашим потенциальным клиентом

Доказанная безопасность

Яндекс ID (единый аккаунт пользователя в Яндексе) получил сертификат соответствия стандарту SOC 3.

Это доказывает, что наши процессы соответствуют международным практикам в сфере безопасности и этому есть независимое подтверждение.

Яндекс ID подходит компаниям из самых разных сфер

Более 11 000 сайтов и мобильных приложений уже интегрировали авторизацию Яндекс ID

финансы

игры и развлечения

авиакомпании

e-commerce

логистика

маркетплейсы

Наши партнеры

Подключение в 4 шага

Зарегистрируйте приложение на сервере oauth. yandex.ru

Изучите документацию API и SDK для мобильных приложений

Выберите подходящие кнопки для своего сайта

Подключите мгновенный вход

Зарегистрируйте приложение на сервере oauth.yandex.ru

Изучите документацию API и SDK для мобильных приложений

Выберите подходящие кнопки для своего сайта

Подключите
мгновенный вход

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

Сервис бесплатный. Вам нужно только внедрить его функциональность. С документацией можно ознакомиться по ссылке: https://yandex.ru/dev/id/doc/ru/

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

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

Вы можете получить имя, фамилию, телефон*, почту, юзерпик. Пользователь видит при входе, какими данными он делится, и даёт свое согласие.

*Передача номера телефона доступна после модерации.

Фонд

для сайтов | Foundation for Sites

Foundation for Sites 6 был разработан, чтобы сделать ваш проект от прототипа до производства более эффективным, чем когда-либо прежде! Он включает в себя широкий спектр модульных и гибких компонентов, которые легко стилизовать. Эти универсальные и легкие строительные блоки позволяют легко воплощать ваши идеи в жизнь.

Общий размер файла каждого компонента и класса теперь составляет 60 КБ CSS и 84 КБ JS, с достаточным пространством, чтобы сделать их еще меньше при выборочном удалении неиспользуемых компонентов.

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

Загрузите свои веб-страницы с адаптивным дизайном, чтобы получить контекстную обратную связь по любой контрольной точке. Заинтересованные стороны и соавторы могут комментировать и просматривать закодированные веб-страницы на любом устройстве. Поднимите свои проекты Foundation от прототипа до производства, используя Notable Code.

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

Мы значительно сократили объем кода в наших подключаемых модулях JS, уменьшив размер каждого подключаемого модуля и создав больше общих служебных библиотек. Библиотеки утилит общедоступны, поэтому вы можете создавать свои собственные удивительные плагины.

Базовые стили действуют как закодированный каркас, а не как окончательный дизайн.

Более простые стили CSS позволяют вам легче изменять их в соответствии с вашим брендом.

Motion UI — это наша библиотека анимации на основе Sass, которая поможет вам добавить значимое движение на ваши веб-сайты. Эта библиотека Sass включает более двух десятков встроенных классов перехода и анимации. Его очень легко настроить и очень легко создать с помощью миксинов Sass.

Мы сделали несколько блестящих новых шаблонов, чтобы запустить ваш следующий сайт или получить некоторые идеи макета. Вставьте эти готовые строительные блоки в свои проекты и сэкономьте время и ресурсы.

Наш новый инструмент командной строки (CLI) позволяет создавать пустые проекты Foundation for Sites, Apps или Emails с меньшим количеством зависимостей, чем раньше. Вы также можете установить через NPM, Bower, Meteor или Composer.

Для пользователей, которые могут использовать новейшие технологии, Foundation поставляется с дополнительной сеткой на основе Flexbox. Это та же сетка, которую вы знаете и любите, но с еще лучшими вариантами упорядочения и выравнивания источников.

Сетчатые миксины Sass были созданы с умом, чтобы дать вам еще больше гибкости для настройки сеток с любым количеством столбцов. Сетка из четырех столбцов внутри сетки из пяти столбцов внутри сетки из двенадцати? Действуй!

Используйте тот же шаблон, который ZURB использует во всех наших клиентских проектах. Этот начальный шаблон представляет собой усовершенствованный стек с настраиваемым генератором статических сайтов, помогающим объединять файлы в отдельные HTML-документы. Он компилирует ваш Sass, предоставляет вам шаблоны Handlebars, UglifyJS, UnCSS и сжатие изображений.

Semantic

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

Отзывчивый

Foundation был первым адаптивным фреймворком, и он пронизывает все аспекты фреймворка. С легкостью создавайте приложения для любого устройства.

Возможность индивидуальной настройки

Основание создано для того, чтобы его можно было легко изменить. Вы даже можете настроить структуру при загрузке.

Быстрее

От базового кода до плагинов и всего, что связано с Foundation, мы создали его так, чтобы он работал быстрее, чем когда-либо прежде.

Совместимость с Rails

Вы можете использовать Foundation с любым бэкэндом, но он особенно хорошо подходит для реализаций Rails.

Читабельный

Foundation написан для людей, и его легко читать, даже если вы не знаете кода.

Мобильный Первый

Foundation строится с приоритетом небольших устройств, а затем идет вверх.

Accessible

Foundation 6 совместима с 508 и более доступна, чем любая предыдущая версия.

Sass

Главный препроцессор CSS лежит в основе Foundation.

Быстрое прототипирование

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

Функция RTL

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

Используйте 1Password в качестве аутентификатора для сайтов с двухфакторной аутентификацией

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

Настройка двухфакторной аутентификации для веб-сайта

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

1. Найдите 2fa.directory для веб-сайта.
2. Щелкните рядом с названием веб-сайта.
3. Следуйте инструкциям на веб-сайте.

Когда вы увидите QR-код для сканирования 1Password, перейдите к следующим шагам.

Сохраните свой QR-код

Чтобы сохранить свой QR-код с помощью расширения браузера 1Password

1. Откройте и разблокируйте 1Password в своем браузере.
2. Выберите пункт Вход на сайт.
3. Нажмите и выберите Сканировать QR-код.

Чтобы сохранить QR-код в приложениях 1Password

Инструкции для

• Mac
• iOS
• Windows
• Android
• Linux

1. Откройте и разблокируйте 1Password.
2. Выберите элемент Вход для веб-сайта, затем нажмите Изменить.
3. Нажмите «Добавить еще», затем выберите «Одноразовый пароль».

   Возможно, вам придется прокрутить вниз, чтобы увидеть эти параметры.

4. Нажмите для сканирования QR-кода с экрана или из буфера обмена.

   Если вы не можете отсканировать QR-код, большинство сайтов предоставят вам вместо него строку символов, которую вы можете скопировать и вставить.

5. Нажмите Сохранить.

Если вы используете Safari, узнайте, как сохранить свой QR-код в 1Password для Safari.

1. Откройте и разблокируйте 1Password.
2. Выберите пункт «Вход» для веб-сайта, затем нажмите «Изменить».
3. Нажмите «Добавить еще», затем выберите «Одноразовый пароль».

   Возможно, вам придется прокрутить вниз, чтобы увидеть эти параметры.

4. Кран для сканирования QR-кода с помощью камеры.

   Если вы не можете отсканировать QR-код, большинство сайтов предоставят вам вместо него строку символов, которую вы можете скопировать и вставить.

5. Нажмите «Сохранить».

Вы также можете отсканировать свой QR-код прямо из приложения «Камера». Чтобы настроить это:

1. Откройте приложение «Настройки» на своем iPhone или iPad.
2. Коснитесь «Пароли», затем коснитесь «Параметры пароля».
3. Выберите 1Password в разделе «Настройка кодов подтверждения с помощью».

При просмотре QR-кода в приложении «Камера» коснитесь «Открыть в 1Password», выберите элемент «Вход» для веб-сайта и коснитесь «Сохранить».

1. Откройте и разблокируйте 1Password.
2. Выберите пункт «Вход» для веб-сайта, затем нажмите «Изменить».
3. Нажмите «Добавить еще», затем выберите «Одноразовый пароль».

   Возможно, вам придется прокрутить вниз, чтобы увидеть эти параметры.

4. Нажмите для сканирования QR-кода с экрана или из буфера обмена.

   Если вы не можете отсканировать QR-код, большинство сайтов предоставят вам вместо него строку символов, которую вы можете скопировать и вставить.

5. Нажмите Сохранить.

1. Откройте и разблокируйте 1Password.
2. Выберите пункт «Вход» для веб-сайта, затем нажмите «Изменить».
3. Нажмите «Добавить еще», затем выберите «Одноразовый пароль».

   Возможно, вам придется прокрутить вниз, чтобы увидеть эти параметры.

4. Кран для сканирования QR-кода с помощью камеры.

   Если вы не можете отсканировать QR-код, большинство сайтов предоставят вам вместо него строку символов, которую вы можете скопировать и вставить.

5. Нажмите «Сохранить».

1. Открыть и разблокировать 1Password
2. Выберите пункт «Вход» для веб-сайта, затем нажмите «Изменить».
3. Нажмите «Добавить еще», затем выберите «Одноразовый пароль».

   Возможно, вам придется прокрутить вниз, чтобы увидеть эти параметры.

4. Нажмите для сканирования QR-кода с экрана или из буфера обмена.

   Если вы не можете отсканировать QR-код, большинство сайтов предоставят вам вместо него строку символов, которую вы можете скопировать и вставить.

5. Нажмите Сохранить.

Чтобы сохранить свой QR-код на 1Password.com

1. Войдите в свою учетную запись на 1Password.com.
2. Выберите пункт Вход для веб-сайта и нажмите Изменить.
3. Нажмите «метка» в новом разделе и введите «Одноразовый пароль».
4. Щелкните справа от поля и выберите Одноразовый пароль.
5. На сайте выберите ввод кода вручную. Скопируйте код и вставьте его в поле «Одноразовый пароль».

   Если веб-сайт поддерживает только QR-коды, вам необходимо отсканировать его с помощью приложения 1Password.

6. Нажмите Сохранить.

Подтвердите одноразовый пароль

Чтобы подтвердить, что вы сохранили свой QR-код, веб-сайт попросит вас ввести одноразовый пароль. Скопируйте и вставьте код из 1Password.

Используйте одноразовый пароль

Инструкции для

• Mac
• iOS
• Windows
• Android
• Linux

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

 

В Safari введите свое имя пользователя и пароль на веб-сайте, где вы используете двухфакторную аутентификацию. 1Password автоматически заполнит ваш одноразовый пароль.

Если вы не используете Safari

Если вы не используете Safari, вы можете автоматически копировать одноразовые пароли в буфер обмена после заполнения логина.

1. Откройте и разблокируйте 1Password.
2. Коснитесь значка своей учетной записи или коллекции в левом верхнем углу и выберите «Настройки».

   Если вы используете iPad, коснитесь своей учетной записи или коллекции в верхней части боковой панели.

3. Коснитесь «Автозаполнение», затем включите параметр «Копировать одноразовые пароли».

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

 

1. Введите свое имя пользователя и пароль на веб-сайте, где вы используете двухфакторную аутентификацию.
2. Откройте и разблокируйте 1Password, выберите пункт «Войти на сайт», затем скопируйте одноразовый пароль в буфер обмена.
3. Вставьте код там, где его запрашивает веб-сайт.

Автоматическое копирование одноразовых паролей

Для автоматического копирования одноразовых паролей в буфер обмена после заполнения логина:

1. Открыть и разблокировать 1Password.