ENRU
Связаться

Site365 · сайт как сервис

Сайт высшего класса по подписке.

Домен, сервер, дизайн, SEO, обновления и аварии берём на себя. Вы занимаетесь бизнесом.

Получить бесплатный прототипСмотреть тарифы

Берём на себя:ДоменСерверДизайн и сборкаSEOОбновленияАварии

  • Проверяем сайт каждую минуту
  • Инженер на связи через 15 минут
  • Бэкап каждый день
Листайте

Страница собрана из нашей библиотеки: 213 элементов из 267. Из неё же соберём ваш сайт.

02 · Мы работаем с физикой

Одна подписка вместо пяти подрядчиков.

У слов на этом экране есть вес и трение. Пять подрядчиков падают на пол, и их можно подбрасывать.

02элементов библиотеки в главе

Обычно

  1. Регистратор домена
  2. Хостинг и администратор
  3. Дизайнер и разработчик
  4. SEO-специалист
  5. Поддержка «по знакомству»

Пять счетов. При сбое каждый указывает на соседа.

В Site365

  • Один договор и один счёт в месяц.
  • Одна команда отвечает за всё: от домена до заявки с сайта.
  • Сроки реакции записаны в SLA.
  • Цена фиксирована и записана в договоре.

03 · Мы работаем с конструкциями

Сайт состоит из шести работ. Все шесть делаем мы.

Листайте: башня собирается из 36 узлов в шесть ярусов. В каждом ярусе одна из шести работ.

07элементов библиотеки в главе

Eiffel Tower Assembly Atlas

  1. Домен

    Покупаем, следим, продлеваем.

    Обычно

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

    В Site365

    • Регистрируем домен на вашу компанию. Адрес остаётся вашим.
    • Продлеваем за 30 дней до окончания срока.
    • Продлеваем SSL-сертификат, чтобы браузер не пугал посетителей.

    Продление за 30 дней

  2. Сервер

    Разворачиваем и следим круглосуточно.

    Обычно

    Вы арендуете VPS, и дальше начинаются операционная система, сертификаты и защита. Знакомый айтишник поможет один раз, но отвечать за сайт в три часа ночи он не обещал.

    В Site365

    • Подбираем сервер под нагрузку вашего сайта.
    • Ставим обновления безопасности.
    • Проверяем доступность каждую минуту.
    • Отвечаем за результат по договору.

    Проверка каждую минуту

  3. Дизайн и сборка

    Дизайнер с опытом 8+ лет и своя библиотека 3D.

    Обычно

    Нейросеть соберёт страницу за вечер. Вашему конкуренту она соберёт такую же: похожий запрос даёт похожий шаблон.

    В Site365

    • Над сайтом работает дизайнер с опытом больше 8 лет.
    • Берём объекты из собственной библиотеки: 267 элементов и 3D-сцен.
    • Собираем сайт под вашу задачу: заявки, продажи, презентация компании.

    267 элементов в библиотеке

  4. SEO

    Продвижение входит в подписку.

    Обычно

    Чтобы вас находили в Google и Яндексе, нужен SEO-специалист. Это отдельный подрядчик, отдельный счёт и отчёты, которые трудно проверить.

    В Site365

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

    Отчёт каждый месяц

  5. Обновления

    Любая правка с бэкапом и в срок по SLA.

    Обычно

    Вы заходите в админку и правите сами. Одна неудачная правка ломает форму заявки, а вернуть вчерашнюю версию неоткуда.

    В Site365

    • Вы пишете, что изменить. Срок записан в SLA.
    • Снимаем резервную копию и проверяем правку на тестовой копии сайта.
    • Возвращаем сайт к любому дню за последние 30 дней.

    Копии за 30 дней

  6. Аварии

    Замечаем падение раньше ваших клиентов.

    Обычно

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

    В Site365

    • Робот проверяет сайт каждую минуту, днём и ночью.
    • Дежурный инженер приступает к работе за 15 минут.
    • Восстанавливаем сайт в течение 2 часов.
    • Присылаем отчёт: что случилось и что мы изменили.

    Восстановление до 2 часов

История · 29 сентября 2015

Google.com однажды продали за 12 долларов.

  • $12

    Google, 2015

    Бывший сотрудник Google Санмай Вед увидел в Google Domains, что google.com доступен для покупки. Он заплатил 12 долларов и на минуту получил панель управления главным сайтом интернета. Google отменил сделку и выплатил ему премию.

  • $35

    Microsoft, 1999

    Microsoft забыла продлить passport.com, и пользователи Hotmail не смогли войти в почту. Домен продлил посторонний программист Майкл Чейни: заплатил 35 долларов со своей карты.

Если это случилось с Google и Microsoft, случится и в компании, где за домен отвечает один занятой человек.

История · из нашей практики

«Где ваши бэкапы?» «В папке на моём компьютере».

Так нам ответил айтишник одной компании. Бэкап нужен на тот день, когда с компьютером что-то случится. Эти копии погибнут вместе с ним.

  1. Сломался диск

    Сайт и все его копии пропадают в одну секунду.

  2. Вирус-шифровальщик

    Он шифрует ноутбук целиком, вместе с папкой бэкапов.

  3. Сотрудник уволился

    Ноутбук и копии ушли из компании вместе с ним.

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

Шесть работ, одна команда, один договор.

04 · Мы работаем с текстом

Мы работаем с текстом.

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

10элементов библиотеки в главе

Pixel Drift
Glyph Sphere
Appear Text

Работа 04 из 06 · SEO

Заголовки и поиск

SEO входит в подписку: структуру и скорость под поиск закладываем при сборке.

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

Отчёт каждый месяцВсе шесть работ

365

Pixel Scan

Цифры проявляет полоса пиксельных ячеек. Шейдер считает каждый кадр в браузере.

Текст готов

Generating OrbGenerate ButtonComposing Orb

Нажмите кнопку: свет на ободе диска ускорится на 2 секунды.

3D Letters Menu

Наведите курсор на слово: буквы перевернутся, за курсором выедет макет. Клик меняет макет.

На компьютере буквы переворачиваются при наведении и открывают макет сайта.

Type Reveal

Листайте: в строке открывается макет.

01 · Мониторинг

Робот проверяет сайт каждую минуту, днём и ночью.

Проверяем сайт каждую минуту

02 · Бэкап

Возвращаем сайт к любому дню за последние 30 дней.

Бэкап каждый день

03 · Аварии

Дежурный инженер приступает к работе за 15 минут.

Инженер на связи через 15 минут

Макеты в строках мы нарисовали кодом. Это концепты, не клиентские работы.

05 · Мы работаем с ожиданием

Сроки, которые мы записываем в договор.

Ниже 47 индикаторов загрузки из нашей библиотеки. SLA нужен, чтобы ваши клиенты видели их как можно реже.

50элементов библиотеки в главе

ЗапросПримерРеакцияРезультат
Сайт недоступенНе открывается, ошибка сервера15 минут, круглосуточноВосстановление до 2 часов
Сбой функцииНе работает форма, оплата, поиск1 рабочий часИсправление до 8 рабочих часов
Правка контентаТекст, цена, фото, новость2 рабочих часаПубликация за 1 рабочий день
Новый блок или страницаРаздел, лендинг под акциюОценка за 1 рабочий деньГотово за 3⁠–⁠5 рабочих дней

Симулятор запроса

Выберите тип запроса. Время на экране ускорено.

Сайт недоступен

Не открывается, ошибка сервера

Состояние

Мониторинг: проверка каждую минутуСайт недоступен. Восстановление до 2 часовСайт недоступен. Реакция: 15 минут, круглосуточно

02:00

Готово

часы : минуты с момента запроса

Реакция
15 минут, круглосуточно
Результат
Восстановление до 2 часов

  • Мониторингпроверка каждую минуту

  • Бэкапыежедневно, храним 30 дней

  • Домен и SSLпродлеваем за 30 дней до срока

Ещё 23

Наведите курсор или коснитесь ячейки: остальные индикаторы встанут на паузу.

06 · Мы работаем с материалами

Мы работаем с материалами.

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

16элементов библиотеки в главе

1 контекст WebGL · 3 программы

01 / 03

СтеклоA Shader

Рифлёное стекло. Рёбра преломляют медленное поле шума.

02 / 03

МеталлFlowing Waves

Жидкий металл: графит, серебро и янтарь на гребнях. 25 выборок шума на пиксель.

03 / 03

СатинStripe Gradient

Одна мягкая складка и зерно. Самый лёгкий шейдер из трёх.

Glass Radio

01 / 06ДоменПокупаем, следим, продлеваем.

Glass Keys

Свет за стеклом идёт за курсором. Удержите клавишу дольше, и волна пройдёт дальше.Нажмите на клавишу. Удержите её дольше, и волна пройдёт дальше.

Самодиагностика

Шесть клавиш проверяют эту страницу прямо сейчас.

Нажмите клавишу: браузер измерит домен, сервер, вёрстку, SEO, сборку и доступность этой страницы. Цифры настоящие, с вашего устройства.

Ждёт нажатия

Стекло

Матовое стекло

Панель размывает фон под собой, по кромке идёт блик. Подходит для тарифов и меню поверх фото или видео.
backdrop-filterкромка 1 px
Neon Glass Card

Свет

Свет в прорези

Источник спрятан в карточке и загорается при наведении. Подходит для блока с главным преимуществом.
Luminous Card

Кромка

Лампа по контуру

Свет идёт по рамке за курсором. Выделяет выбранный тариф или товар без лишней графики.

Border Glow

Пиксели

Пиксельное поле

Точки расходятся от центра карточки. Подходит для карточек услуг на сайте ИТ-компании.
Pixel Card

Мягкая поверхность

Кнопка того же цвета, что и фон

Форму рисуют две тени: тёмная и светлая. Переключатель рядом управляет анимацией на всей странице.

Neumorphic LED Switch
Relief Button

Три образца в одном кадре

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

Crystal Cube

Трассировка лучей во фрагментном шейдере: 18 длин волн на пиксель, до 7 отражений внутри куба.

  • 01Crystal Cube

    Стекло

    Показатель преломления
    1,52
    Длин волн на пиксель
    18
    Отражений внутри
    до 7
    Источников света
    27, из них 3 натриевых, 589 нм

  • 02Cobalt Sphere

    Сатин

    Сетка
    до 192 × 128 сегментов
    Шероховатость
    0,43
    Период складок
    3,8
    Свет
    4 софтбокса, 2 направленных

  • 03Opal Loop

    Опал

    Пропускание
    0,9
    Показатель преломления
    1,46
    Тонкая плёнка
    180–520 нм
    Свет
    8 панелей

Стекло и упругое полотно

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

Mirror Globe

Шар над мокрым зеркалом

Браузер рисует отражение отдельным проходом той же сцены. Круг на стекле виден и в зеркале, потому что зеркало снимает уже изогнутый шар.

Кругов одновременно
до 8
Показатель преломления
1,5
Буфер отражения
75 % кадра
Elastic Mesh

Упругое полотно

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

Узлов в сетке
32 × 32
Шаг расчёта
1/120 с
В покое
0 кадров в секунду

07 · Мы работаем с объектами

Мы работаем с объектами.

Галактика из тысяч точек, гравитационная воронка, глобус. Объекты можно вращать и трогать.

16элементов библиотеки в главе

Глубина без 3D-библиотеки

Галактику считает один шейдер: WebGL2, один вызов отрисовки. Рукава идут по золотой спирали, внутренние точки обгоняют внешние.

  • 15 000точек
  • 1вызов отрисовки
  • 0 КБ3D-библиотек
Particle Galaxy
  • Canvas 2D · 450 точекНамотка

    Одна нить обвивает сферу от полюса до полюса. Число витков меняется от 2 до 8.

  • Canvas 2D · 180 точекДыхание

    Оболочка дышит: вдох проходит по сфере волной за 3,6 секунды.

  • Canvas 2D · 260 точекМембрана

    Плёнка колеблется, как мыльный пузырь. Форму задают 4 сферические гармоники.

  • CSS · 6 серповСингулярность

    Шесть световых серпов бегут по наклонной орбите вокруг тёмного ядра.

  • CSS · 2 волныПрилив

    Две волны вращаются внутри сферы: одна за 5 секунд, другая за 7.

Глубина на плоском холсте

Воронку считает Canvas 2D: кольца и спицы проходят через одну проекцию. Стену плиток рисует один фрагментный шейдер. Внешних библиотек в этих сценах нет.

  • 14 × 18колец и спиц в воронке
  • 22слоя в плите с цифрами 365
  • 0внешних библиотек
01Canvas 2DGravity Well
02WebGL + CSS 3DGlow GridПлита клонится к курсоруКасание: вспышка
03Кольцо · думаюBreathing Orb
04Волна · слушаюListening Orb

Шесть объектов в одной рамке

Выберите объект и потяните его в сторону. На экране живёт одна сцена: при переключении прежняя закрывается и освобождает видеопамять.

  • 6сцен на three.js
  • 1контекст WebGL одновременно
  • 0видео и готовых моделей
Reactive Globe

На шаре 3000 капсул. Четыре стеклянные сферы летят по орбитам, и щетина под каждой проседает. Потяните шар, чтобы повернуть.

08 · Мы работаем с изображением

Мы работаем с изображением.

Одна картинка и двенадцать способов печати: растр, ASCII, изолинии, ЭЛТ. Исходник: стеклянная спираль с нашей главной страницы.

14элементов библиотеки в главе

Постер Entropix: стеклянная спираль с янтарной нитью на тёмном фонеОригинал
Comparison Slider

Пресет0401 / 12Option Wheel

01Чистый ASCII
02ASCII в два тона
03Глифы поверх кадра
04Однобитный растр
05Газетный растр
06Набор из букв
07Поле цифр
08Обратный растр
09Изолинии
10ЭЛТ-экран
11Мозаика с узорами
12Матрица знаков
движок
Dither Text
пресет
Bit Plate
размер
—
время
—

Браузер считает оттиск из того же кадра: один проход на выбор пресета. Тяните барабан, кликайте по строке или листайте стрелками.

09 · Мы работаем с движением

Мы работаем с движением.

Галереи и ленты собираются на ваших глазах. Все макеты на экране мы нарисовали кодом, фотографий здесь нет.

33элементов библиотеки в главе

Вход карточек

Карточки вырастают из одной точки, пока вся группа раскручивается на 450°.

8
макетов в кольце
20 с
один оборот
3
варианта входа

Концепты: макеты сайтов мы нарисовали кодом. Это не клиентские работы.

Gallery Depth

Плитки стартуют на глубине до 3000 px и сходятся от центра.

36 плиток · 9×4Листайте: плитки сходятся в картинкуНомер запускает рецепт

Концепт, не клиентская работа: Студия

01Непрерывно, вбок
Motion Poster
02Непрерывно, вверх
Motion Ticker
03Шаг, крупный центр
Motion Focus
08Шаг, по одной карточке
Motion Stack
09Шаг, одна в кадре
Motion Tempo
Ещё пять лентСкрыть пять лент
04Шаг, уход со сжатием
Motion Cadence
06Шаг, глубина и тень
Motion Column
10Шаг, наезд камеры
Motion Dolly
05Шаг всей полосой
Motion Relay
07Шаг волной по слотам
Motion Row

Accordion GalleryНаведите на панель, нажмите её или листайте стрелками

Концепт-макеты

Rotating GalleryКолонку вращает прокрутка страницы. Нажмите на макет, чтобы вывести его вперёд

КолодаНаведите курсор: колонна встанет
Scroll Drift

Колонна идёт сама, 46 пикселей в секунду. Карточка проходит кадр и заваливается на 95 градусов.

Та же колонна. Карточка делает оборот на 265 градусов и встаёт лицом к вам в середине кадра.

В центре карточка стоит плоско и в цвете. Соседние уходят назад на 420 пикселей и теряют насыщенность.

Карточки поворачиваются на 245 градусов. Чем быстрее колонна, тем сильнее размытие. Каждые 8 секунд она ускоряется.

Карточка влетает растянутой и тёмной, замирает резкой в середине кадра на пятую часть пути и уходит так же.

СеткаПрокрутите страницу: сетка идёт вместе с ней
Grid Dive

Сетка летит на камеру из глубины в 5000 пикселей. Карточки светлеют от чёрного до 135 процентов яркости.

Шесть колонн с широкими зазорами проходят мимо камеры. Карточки разворачиваются от −45 до 45 градусов и гаснут.

Сетка повёрнута на 25 градусов. Карточки на разной глубине уходят вбок через весь кадр.

Концепты: макеты сайтов мы нарисовали кодом. Это не клиентские работы.

10 · Мы работаем с курсором

Мы работаем с курсором.

Проведите курсором: страница ответит следом из карточек, светом и краской. На телефоне эффекты играют сами.

41элементов библиотеки в главе

Ведите курсор · клик пускает волнуПоказ идёт сам · коснитесь, и пойдёт волна

Cursor GridFluid CursorTrail Classic

Карточка выезжает из отстающей точки к курсору, затем гаснет и сжимается.

На карточках концепт-макеты сайтов, нарисованные кодом.

Оглавление страницы

Наведите курсор на строку: рядом появится макет. У каждой строки свой способ появления.Строка ведёт к главе. Кнопка справа проигрывает эффект строки.

  1. ФизикаHover Curtain
  2. КонструкцииHover Diagonal
  3. ТекстHover Bloom
  4. ОжиданиеHover Swing
  5. МатериалыHover Placard
  6. ОбъектыHover Wipe
  7. ИзображениеHover Column
  8. ДвижениеHover Pivot
  9. ИнтерфейсHover Snap
  10. ТарифыHover Seam

Семейство Hover · 23 рецепта

  • Curtain
  • Diagonal
  • Bloom
  • Swing
  • Placard
  • Wipe
  • Column
  • Pivot
  • Snap
  • Seam
  • Squash
  • Deal
  • Burst
  • Shutter
  • Deck
  • Fan
  • Cascade
  • Sprawl
  • Reel
  • Spiral
  • Static
  • Scatter
  • Swarm

Макеты в превью мы нарисовали кодом, это концепты.

Neural Noise CursorФон: нити огибают курсор

КаркасДизайн

Концепт-макетLiquid Reveal

Каркас становится дизайном

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

Ведите курсор по кадруВедите пальцем по кадру

10 000точекParticle Sphere

Сфера из точек

Точки стоят по спирали Фибоначчи. Курсор продавливает вмятину, она выправляется, а сдвинутые точки светятся янтарём.

Наведите курсор · тяните, чтобы раскрутить · клик разбрасывает точкиВедите пальцем по сфере · касание разбрасывает точки

Курсор раздаёт макеты

Три способа появления карточки под курсором. Карточки приходят из общего запаса и возвращаются в него.

Запас: до 10 карточекКонцепт-макетыMotion Facet

Motion Facet. Карточка собирается из фрагментов: 12 ламелей, 9 плиток или 10 полос. Чем быстрее курсор, тем она крупнее.

Проведите курсором по полосеПоказ идёт сам · проведите пальцем по полосе

11 · Мы работаем с интерфейсом

Мы работаем с интерфейсом.

Здесь всё нажимается. Два переключателя управляют самой страницей: один включает инспектор, другой останавливает анимацию.

26элементов библиотеки в главе

01 · Кнопки

Signal Buttons
Смотреть тарифыNeon Edge Button
Join Button
Generate Button
Halo Button
Jelly Button
Magnet
Save Slide Button
Spectrum Glow Button
Relief Button
Interactive Hover Button

02 · Флажки, переключатели, подсказки

Чек-лист запуска

  • Cross Morph Checkbox
  • Diagonal Fill Checkbox
  • Firework Todo Checkbox
  • Prism Checkbox
  • Task Checkbox

Управление страницей

Подписывает каждый элемент его именем в библиотеке.

3D Switch

Останавливает движение на всей странице.

Neumorphic LED Switch

Подсказки

  • 15 минут, круглосуточноBounce Tooltip
  • Ежедневно, храним 30 днейRise Tooltip
  • Проверка каждую минутуSignal Tooltip

03 · Поля и выбор

Поле запроса

Откроется письмо. Сама страница ничего не отправляет.

AI Chat Input

Поиск

Expanding Search

Акцент пульта

Оба переключателя меняют один цвет.

Glass RadioBeacon Tabs

Скелетон

Profile Skeleton Loader

12 · Тарифы

Тарифы

По подписке домен, сервер, SEO и аварии ведём мы. Сайт можно и выкупить разовым платежом.

Наведите или нажмите, чтобы открыть

Срок подписки

Разовый платёж

Выкуп сайта

350 000 ₸один раз

  • Передаём вам готовый сайт
  • Разворачиваем на вашем сервере или на сервере, который вы выбрали и оплачиваете
  • Домен, SEO, правки и мониторинг остаются на вас
Заказать сайт

Подписка

Основной

Site365

50 000 ₸−15 %

42 500 ₸в месяцпри подписке на 12 месяцевзапуск бесплатно

  • Домен и сервер
  • Дизайн и сборка
  • SEO-продвижение
  • Правки и бэкапы по SLA
  • Мониторинг и аварии
Получить прототип

Дополнение к подписке

Битрикс24

+ 50 000 ₸в месяцпо желанию, к любой подписке

  • Подписка на Битрикс24
  • Поддержка системы
  • Разработка воронки продаж
  • Интеграция с сайтом: заявки попадают в CRM
Получить прототип
Адрес вида имя@вашакомпания.kz

Следующий шаг

Сделаем прототип вашего сайта бесплатно.

Напишите, чем занимается ваша компания. Мы соберём прототип и покажем его на 30-минутной встрече. Свой сайт вы увидите до первого платежа.

Получить бесплатный прототип

или позвоните+7 (775) 111-11-57

Старт

Как мы начинаем работу.

  1. Прототип

    Делаем прототип вашего сайта бесплатно.

  2. Разговор

    Показываем прототип и узнаём ваши задачи.

  3. Дизайн

    Дизайнер доводит прототип до финала. Вы утверждаете.

  4. Запуск

    Регистрируем домен, поднимаем сервер, публикуем сайт.

  5. Ведение

    Каждый месяц: SEO, правки, бэкапы, мониторинг.

Получить прототип

Экспертизу доказываем делом: вы видите свой сайт до того, как платите.

Макеты в лентах меню мы нарисовали кодом, это концепты.