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

Одностраничный сайт для регистрации на хакатон

large_hackpro-case-bg (1).png

medium_hackpro-case-bg (1).png

small_hackpro-case-bg (1).png

thumbnail_hackpro-case-bg (1).png

hackpro-case-bg (1).png

Hackathon PRO. Поколение IT

Главная задача сайта - проведение регистрации на мероприятие. На начальном экране нужно дать информацию о самом событии. И, конечно, кнопку целевого действия - регистрации.<img src="https://piybeep.com/strapi/uploads/main_1920_1420_1_1_d968bad6eb.png" alt="main 1920 (1420) 1 (1).png" width="1080" height="692">Вторая задача - рассказать о мероприятии. Поэтому по блокам мы расположили важную информацию, касаемо организации и проведения. Цели, об участии, расписание, критерии оценивания проектов.<img src="https://piybeep.com/strapi/uploads/main_1920_1420_3_1_2_3e1abdf4a3.png" alt="main 1920 (1420) (3) 1 (2).png" width="1080" height="2372">И - форма регистрации. Вначале нужно заполнить общие данные (город, учебная организация). Затем данные сопровождающего и потом уже всех участников.<img src="https://piybeep.com/strapi/uploads/Forma_pustaya_1920px_1_1_21d696c269.png" alt="Форма пустая 1920px 1 (1).png" width="1080" height="1469">Ну, и контакты организатора, конечно :)<img src="https://piybeep.com/strapi/uploads/main_1920_1420_4_1_1_776dee6476.png" alt="main 1920 (1420) (4) 1 (1).png" width="1080" height="682">

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

Дизайн визитки авиакассы

large_Ticket office Lublino-case-bg-2 (1).png

medium_Ticket office Lublino-case-bg-2 (1).png

small_Ticket office Lublino-case-bg-2 (1).png

thumbnail_Ticket office Lublino-case-bg-2 (1).png

Ticket office Lublino-case-bg-2 (1).png

Авиакасса в Люблино

Лицевая сторона — слева, оборотная сторона — справа9.<img src="https://piybeep.com/strapi/uploads/Frame_3844_1_a1ff528cac.png" alt="Frame 3844 (1).png" width="1640" height="446"><img src="https://piybeep.com/strapi/uploads/Frame_3848_1_d4a5c62d01.png" alt="Frame 3848 (1).png" width="1640" height="446"><img src="https://piybeep.com/strapi/uploads/Frame_3846_1_ed18f87e0d.png" alt="Frame 3846 (1).png" width="1640" height="445"><img src="https://piybeep.com/strapi/uploads/Frame_3847_2_23430265ed.png" alt="Frame 3847 (2).png" width="1640" height="445"><img src="https://piybeep.com/strapi/uploads/Frame_3845_aece131ac4.png" alt="Frame 3845.png" width="1640" height="445">

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

Корпоративный сайт для аутсорсинговой компании

large_renessone-case-bg (1).png

medium_renessone-case-bg (1).png

small_renessone-case-bg (1).png

thumbnail_renessone-case-bg (1).png

renessone-case-bg (1).png

Компания по аутсорсингу и аутстаффингу

Существующий сайт не давал возможности понять цель компании. Какие проблемы решает?Начнем с главной страницы. Проанализировав сферу деятельности (аутсорсинг и аутстаффинг), мы рассмотрели сайты и уникальные торговые предложения конкурентов и составили оффер. Который с большой конверсией будет перенаправлять клиентов на форму обратной связи в конце лендинга для отправки заявки<img src="https://piybeep.com/strapi/uploads/1_1_1_c1dd601aff.png" alt="1 1 (1).png" width="1080" height="522">И какие конкретно услуги предлагает Ренессанс, чтобы помочь вам?Мы сформулировали классические понятия, чем занимается компания, чтобы помочь посетителям быстро и четко понять что к чему. Простые и качественные определения. И дальше показали конкретные области, на которых компания специализируется.<img src="https://piybeep.com/strapi/uploads/2_1_1_1_7b6bf764c6.png" alt="2-1 1 (1).png" width="1080" height="1212">Люди - самый ценный актив.Важно заботиться о своем персонале и о своих клиентах. Важно, чтобы люди любили свою работу и тогда они без всяких замечаний будут делать свое дело наилучшим образом. Это блок с кратким перечнем преимуществ. Клиент должен наглядно видеть что он получит если обратится к вам. Поэтому, важно рассказать клиенту о том, как вы решаете его проблемы.А это клиенты.Если вы на рынке уже давно, у вас появляются клиенты, которыми вы можете гордиться (вообще нужно гордиться всеми клиентами, конечно :) Поэтому мы сделали такой блок, где показываем ценных клиентов для Ренессанс. Во первых, для посетителей сайта это повышает доверие к компании. Это действительно важно. И если у вас есть чем похвастаться - не стесняйтесь показывать это!<img src="https://piybeep.com/strapi/uploads/Frame_3831_1_a5149031ae.png" alt="Frame 3831 (1).png" width="1080" height="958">Шаги к сотрудничеству.Здесь мы расписали как потенциальные клиенты могут стать партнерами компании. Это важный участок страницы, т.к. дает понимание, что достичь сотрудничества - просто и прозрачно. Дружелюбные менеджеры свяжутся с вами, вы обсудите проблему и придете к нужному решению.<img src="https://piybeep.com/strapi/uploads/image_2_1_c28c07eba9.png" alt="image 2 (1).png" width="1080" height="521">

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

Платформа изучения английского языка

large_Highflyers-case-bg-2 (1).png

medium_Highflyers-case-bg-2 (1).png

small_Highflyers-case-bg-2 (1).png

thumbnail_Highflyers-case-bg-2 (1).png

Highflyers-case-bg-2 (1).png

Курсы "Highflyers"

Главная страница. На первом экране - классика. Шапка с логотипом и навигацией. Платформа довольно большая по количеству предлагаемого материала, много различных курсов и разделов обучения.Ниже большой блок с призывом к действию и выбором одного из вариантов, с чего можно начать обучение. Кнопки переводят на соответствующие страницы.<img src="https://piybeep.com/strapi/uploads/Slice_1_1_1_205c193349.png" alt="Slice 1 1 (1).png" width="2160" height="711">Далее офферная конструкция с продающим текстом и кнопкой с призывом к действию.Правее, декоративный элемент - слайдер, где каждые пару секунд перелистываются слова снизу вверх.<img src="https://piybeep.com/strapi/uploads/Slice_1_2_1_f6eb49eba8.png" alt="Slice 1 2 (1).png" width="2160" height="643">Объяснили, что у английского множество сфер применения, от путешествий - до карьеры и саморазвития.<img src="https://piybeep.com/strapi/uploads/Slice_1_3_1_39807dd874.png" alt="Slice 1 3 (1).png" width="2160" height="651">Здесь перечислены основные варианты обучения на Highflyers.Кратко расписано, что входит в каждый раздел, чему научитесь и сразу можете посмотреть любой, перейдя по ссылке.<img src="https://piybeep.com/strapi/uploads/Slice_1_4_1_af367c0afb.png" alt="Slice 1 4 (1).png" width="2160" height="988">Далее немного рассказали о методах обучения - карточках с обучающими материалами и тестах.Заголовок с текстом + динамический экран, который, в первую очередь, показывает, что можно пользоваться сайтом с разных устройств любого размера. Также визуализация реализована в виде параллакса, и при скролле страницы вверх-вниз - прокручиваются и страницы внутри рамок устройств.<img src="https://piybeep.com/strapi/uploads/Slice_1_6_1_45603d753b.png" alt="Slice 1 6 (1).png" width="2160" height="1823">Еще один призыв к действию - уже переход авторизации/регистрации личного профиля, ведь авторизованному пользователю будут доступны несколько материалов разных курсов бесплатно - чтобы можно было попробовать, подходит ли формат обучения под ваши цели.И рядом - часто задаваемые вопросы. Выполнены в форме диалога, дизайна iMessage.<img src="https://piybeep.com/strapi/uploads/Slice_3_1_1_bdf2e8ec77.png" alt="Slice 3 1 (1).png" width="2160" height="1025">Варианты тарифов.Расписаны цены, что включает в себя каждый. Можно оплачивать каждый материал отдельно, либо взять весь курс обучения (со скидкой).<img src="https://piybeep.com/strapi/uploads/Slice_3_2_1_8ac08d56b1.png" alt="Slice 3 2 (1).png" width="2160" height="1595">И форма, если хотите узнать еще что-то, вам будут рады ответить!Нужно вписать имя, адрес электронной почты и задать вопрос.<img src="https://piybeep.com/strapi/uploads/Slice_3_3_1_82ab274fe3.png" alt="Slice 3 3 (1).png" width="2160" height="650">Страница с обучающими карточками имеет общую шапку с другими страницами с материалами - единая структура, с одинаковой логикой работы.Заголовок с названием курса, небольшое описанием справа и фильтрация информации на странице: можно отобрать карточки по необходимому уровню языка, либо показать только уже доступные. Основная часть страницы состоит из “раздаточных материалов”. Все их можно приобрести только после авторизации. Все карточки на этой странице после оплаты доступны в формате PDF.<img src="https://piybeep.com/strapi/uploads/head_5_1_1_1bea6114c3.png" alt="head (5) 1 (1).png" width="2160" height="2457">На сайте можно почитать статьи, которые помогут в изучении языка.После прочтения пройти тест и выполнить несколько заданий по теме.<img src="https://piybeep.com/strapi/uploads/head_12_1_1_e5313bd878.png" alt="head (12) 1 (1).png" width="2160" height="1465"><img src="https://piybeep.com/strapi/uploads/head_14_1_1_196536f419.png" alt="head (14) 1 (1).png" width="2160" height="1050"><img src="https://piybeep.com/strapi/uploads/head_15_1_1_c757977a27.png" alt="head (15) 1 (1).png" width="2160" height="965">В чек-листах находятся подборки материалов, которые помогут в практической части изучения английского языка.Есть несколько вариантов информации - подкасты, книги, видео и многое другое.<img src="https://piybeep.com/strapi/uploads/Slice_3_4_2_5424fce0f7.png" alt="Slice 3 4 (2).png" width="2160" height="1327"><img src="https://piybeep.com/strapi/uploads/Popup_checklist_1_1_1_2fad00a789.png" alt="Popup checklist (1) 1 (1).png" width="2160" height="856">Лекции TED Talks. Актуальные темы, в которых можно подтянуть скиллы в английскому.После просмотра видео также можно будет проверить усвоенную информацию.<img src="https://piybeep.com/strapi/uploads/head_16_1_1_968b5eda39.png" alt="head (16) 1 (1).png" width="2160" height="1266"><img src="https://piybeep.com/strapi/uploads/head_17_1_1_0ba565d9e9.png" alt="head (17) 1 (1).png" width="2160" height="812">Конечно, можно подготовиться и к экзаменам по английскому, которые будут у каждого школьника после 9 и 11 классов.Есть разные части - устная и письменная, можно выбрать более подходящую тему для тренировок.<img src="https://piybeep.com/strapi/uploads/head_19_1_1_f1d670ba1d.png" alt="head (19) 1 (1).png" width="2160" height="1757">После авторизации переходим в свой профиль. Там вся персональная информация и все данные.Что необходимо - можно изменить, привязать карточки для оплаты, посмотреть разные варианты оплаты обучения на Highflyers. Также перейти к просмотру уже купленного материала.<img src="https://piybeep.com/strapi/uploads/head_23_1_1_8cb33cb77f.png" alt="head (23) 1 (1).png" width="2160" height="2261">Все ваши материалы для обучения можно посмотреть в одном месте, из которого они всегда будут доступны.<img src="https://piybeep.com/strapi/uploads/head_24_1_1_fce9b9580e.png" alt="head (24) 1 (1).png" width="2160" height="1589">Ну, и все оплатить можно любой банковской карточкой.<img src="https://piybeep.com/strapi/uploads/Popup_Pay_1920_940_1_1_d534e50214.png" alt="Popup Pay 1920 - 940 1 (1).png" width="2160" height="1035">

Платформа изучения английского языка Highflyers

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

Лендинг и калькулятор для службы отслеживания посылок

large_LublinoExpress-case-bg-2 (1).png

medium_LublinoExpress-case-bg-2 (1).png

small_LublinoExpress-case-bg-2 (1).png

thumbnail_LublinoExpress-case-bg-2 (1).png

LublinoExpress-case-bg-2 (1).png

Служба доставки "Люблино Экспресс"

Лендинги, хоть, обычно и небольшие, но иногда навигацию по нему сделать все таки полезно. Поэтому, в шапке оставим ссылки на разделы сайта. Реализуем также ссылки на соцсети. Правее - загадочная кнопка войти. Пока что она работает только для сотрудников компании, но вскоре личный кабинет будет доступен всем пользователям.Ниже расположим офферную конструкцию с заголовком и кратким описанием сервиса. Правее есть поле для ввода номера заказа, чтобы сразу получить информацию об отслеживании посылки.<img src="https://piybeep.com/strapi/uploads/offer_1_1_0f71fdf004.png" alt="offer 1 (1).png" width="1944" height="548">Далее блок с основным функционалом сайта - калькулятором расчета информации о доставке в первой вкладке. Необходимо указать города отправления и назначения, стоимость страховки. Также размеры вашей посылки - можете вставить их прямо возле сторон коробки (длина + ширина + высота + вес). Для наглядности.После нажатия на кнопку “Рассчитать” - отобразится примерная стоимость доставки, время доставки и проч.<img src="https://piybeep.com/strapi/uploads/calc_fill_1_1_6e140fbf30.png" alt="calc fill 1 (1).png" width="1944" height="785">Переходим к другой вкладке, и здесь можно отследить вашу посылку!Введем номер и отобразится вся нужная нам информация о том, как путешествует наш заказ.<img src="https://piybeep.com/strapi/uploads/Slice_1_19_1_2_c6f07e5911.png" alt="Slice 1 (19) 1 (2).png" width="1944" height="485">Узнаем немного о компании.<img src="https://piybeep.com/strapi/uploads/about_1_1_300d2b3cb3.png" alt="about 1 (1).png" width="1944" height="511">Посмотрим документы.<img src="https://piybeep.com/strapi/uploads/documents_1_1_7ac91cb5c5.png" alt="documents 1 (1).png" width="1944" height="611">Далее есть карта пунктов выдачи, правее от нее список, можно найти по поиску свой город и посмотреть что есть поблизости.Также можно нажать на интересующий ПВЗ и посмотреть время его работы, фотографии и другую информацию.<img src="https://piybeep.com/strapi/uploads/map_1_2_9e64fc9d21.png" alt="map 1 (2).png" width="1944" height="842">Форма обратной связи. Здесь можно задать любой интересующий вопрос по посылке или любой другой. К примеру, о работе сайта.При обращении, выбираем тему, и тогда служба поддержки поможет вам быстрее решить вашу проблему.<img src="https://piybeep.com/strapi/uploads/form_1_1_1_e55af0870e.png" alt="form 1 1 (1).png" width="1944" height="805"><img src="https://piybeep.com/strapi/uploads/form_2_1_1_1999651c10.png" alt="form 2 1 (1).png" width="1944" height="676">И, завершаем футером со ссылками на соцсети, копирайтом, и некоторыми документами.<img src="https://piybeep.com/strapi/uploads/footer_1921_1_132da4a42f.png" alt="footer 1921 (1).png" width="1944" height="231">

Лендинг Люблино Экспресс

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

Веб-сервис для аналитики и учета рабочего времени сотрудников

large_Gate2025-case-bg (1).png

medium_Gate2025-case-bg (1).png

small_Gate2025-case-bg (1).png

thumbnail_Gate2025-case-bg (1).png

Gate2025-case-bg (1).png

При переходе на сайт нас встречает авторизация, так как без нее мы не сможем пользоваться сервисом. Аккаунты создаются вручную. Здесь есть два - Администратор и Пользователь.<img src="https://piybeep.com/strapi/uploads/image_37_a61e555ae5.png" alt="image 37.png" width="1080" height="402">Авторизовавшись, видим страницу с календарем. Это основной функциональный объект сайта. На нем в принципе основана вся структура проектаВ верхней части есть ручной поиск по дате и кнопка “Выйти”, для желающих.<img src="https://piybeep.com/strapi/uploads/basic_1920_1390_1_1_1_62980f246f.png" alt="basic 1920 - 1390 (1) 1 (1).png" width="1080" height="579">Каждый день содержит в себе “Проекты”. Их может быть бесчисленное множество. Для удобства создана сортировка по алфавиту.Можно создать новый проект.<img src="https://piybeep.com/strapi/uploads/Select_Project_1920_1390_2_1_1_2128d55b9f.png" alt="SelectProject 1920 - 1390 (2) 1 (1).png" width="1080" height="499">В проектах находятся объекты и часы. Добавлена сортировка по алфавиту и по количеству часов) и диаграмма, которую в любой момент можно включить и выключить.<img src="https://piybeep.com/strapi/uploads/Objects_Diagram_1_1920_1390_1_2_c5d347d3b9.png" alt="ObjectsDiagram-1 1920 - 1390 1 (2).png" width="1080" height="538">Справа есть кнопка “Посмотреть на карте”, при нажатии открывается карта, на которой расположены объекты. Рядом с названием написано количество часов.<img src="https://piybeep.com/strapi/uploads/Objects_Map_1920_1390_1_1_3fd3205dad.png" alt="ObjectsMap 1920 - 1390 1 (1).png" width="1080" height="599">

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

Корпоративный сайт хореографического ансамбля

large_Sirin-case-bg-2 (1).png

medium_Sirin-case-bg-2 (1).png

small_Sirin-case-bg-2 (1).png

thumbnail_Sirin-case-bg-2 (1).png

Sirin-case-bg-2 (1).png

Ансамбль "Сирин"

Прежний сайт был сделан некачественно. Не имел необходимого функционала и работал некорректно. В начале мы полностью адаптировали макет заказчика для правильного отображения на всех устройствах.В начале главной страницы расположены меню, слайдер с изображениями. Небольшое описание что такое сирин с возможностью перехода на страницу с подробной информацией.<img src="https://piybeep.com/strapi/uploads/screen1_1_1_c784608865.png" alt="screen1 1 (1).png" width="1944" height="1712">Далее преимущества занятий ансамбля, команда, отзывы, возможность записаться на курс через форму и блок с контактами.<img src="https://piybeep.com/strapi/uploads/Frame_3851_1_4bf29d876c.png" alt="Frame 3851 (1).png" width="1640" height="520">Затем необходимо было реализовать функционал отображения и просмотра новостей, несколькими страницами с пагинацией. В системе управления сайтом можно добавлять/изменять/удалять новости.Вверху отображается главная фотография самой крайней новости, с возможностью перейти на нее и посмотреть.<img src="https://piybeep.com/strapi/uploads/screen2_1_1_1_8ec4c455bb.png" alt="screen2-1 1 (1).png" width="1944" height="2114">В самой новости, по классике, расположен заголовок, дата публикации, фотография - на первом экране.Ниже находится текст самой новости и слайдер с изображениями. После основного контента можно посмотреть остальные новости, список реализован в виде слайдера.<img src="https://piybeep.com/strapi/uploads/screen3_1_1_1_8c7c53c124.png" alt="screen3-1 1 (1).png" width="1944" height="2345">Страница со всеми членами команды Сирина.Здесь можно посмотреть всех, кто участвует в ансамбле: преподавателей, руководителей и проч. Указаны имена и должности.<img src="https://piybeep.com/strapi/uploads/screen5_1_1_1_e4c15e29bc.png" alt="screen5-1 1 (1).png" width="1944" height="2085">Профиль каждого члена команды.На этой странице вся информация о сотруднике. Можно узнать его образование, стаж работы, достижения и фотографии (в виде слайдера). В общем, познакомиться с вашим будущем преподавателем поближе.<img src="https://piybeep.com/strapi/uploads/screen6_1_1_1_41f8a97a27.png" alt="screen6-1 1 (1).png" width="1944" height="1464">Через форму отправляется заявка.Нужно внести имя заявителя, обучающегося, возраст обучающегося, контакт для связи и выбрать подходящий филиал для обучения. Заявки приходят на почту администраторам.<img src="https://piybeep.com/strapi/uploads/screen7_1_1_1_b76e33a833.png" alt="screen7-1 1 (1).png" width="1944" height="1094">

Корпоративный сайт хореографического ансамбля Сирин

Сайт-платформа для организации работы волонтеров и помощи нуждающимся.

Портал для волонтеров "Volunvice"

large_Volunvice-case-bg.png

medium_Volunvice-case-bg.png

small_Volunvice-case-bg.png

thumbnail_Volunvice-case-bg.png

Volunvice-case-bg.png

Стартап "Volunvice"

<img src="https://piybeep.com/strapi/uploads/Frame_3667_3076a653ec.png" alt="Frame 3667.png" width="1080" height="1245">Было важно достичь максимального отклика от волонтеров и организаций, для запуска проекта. Поэтому дизайн должен быть интуитивно понятным. Ведь сервисом будут пользоваться как молодые активные люди, так и пожилые, которым в любой момент может понадобиться помощь. В перспективе планируется разработка дизайна для слабовидящих.В профиле, к примеру, у волонтера отображаются актуальные мероприятия, в которых он собирается участвовать. И архив уже пройденных, которые он посетил в качестве волонтера. Баллы “спасибо” ставит организатор за активную помощь. Они повышают статистику аккаунта.  Также волонтерам доступны уровни (1-10). Чем больше мероприятий посетил - тем выше уровень. За каждый уровень, планируется придумать систему привилегий от государства.<img src="https://piybeep.com/strapi/uploads/Profile_Volunteer_1920px_Kontejner_1420px_1_1_2c356485b0.png" alt="ProfileVolunteer 1920px (Контейнер 1420px) (1) 1.png" width="1080" height="784">На сервисе есть 4 типа регистрации:<ul><li>Волонтер</li><li>Компания</li><li>Организатор</li><li>Организатор (компания) Вы сами выбираете нужный вариант, с учетом ваших целей. Для каждого типа аккаунта существуют свои возможности.</li></ul><img src="https://piybeep.com/strapi/uploads/Registracziya_1_1_763bf60be3.png" alt="Регистрация 1 1.png" width="1080" height="609">Вот шаблон, по которым организатор и организатор (компания) могут создавать мероприятия, в которых приглашают на помощь всех желающих волонтеров. Это очень просто и быстро :)<img src="https://piybeep.com/strapi/uploads/Event_Make_1920px_Kontejner_1420px_1_720e01524a.png" alt="EventMake 1920px (Контейнер 1420px) 1.png" width="1080" height="502">Есть список мероприятий, в которых волонтер может помочь.Можно отфильтровать интересующие по дате, выбору кто выложил объявление (физ. лицу или организации) и местоположению.<img src="https://piybeep.com/strapi/uploads/Current_Events_1920px_Kontejner_1420px_1_26312d4b7c.png" alt="CurrentEvents 1920px (Контейнер 1420px) 1.png" width="1080" height="849">При выборе мероприятия открывается страница с подробной информацией.Показано отображение со стороны волонтера и со стороны организации: / у волонтера есть возможность подать заявку на участие и если она принята организатором - перейти к чату; / организатор может редактировать свое объявление и открыть список чатов с волонтерами, которых он предварительно одобрил.<img src="https://piybeep.com/strapi/uploads/Frame_3852_56ed5ef8d5.png" alt="Frame 3852.png" width="1640" height="558">На сайте присутствуют новости, распределенные по категориям и сортированные по дате.При условии, что пользователь верифицирован - он может самостоятельно публиковать новости.<img src="https://piybeep.com/strapi/uploads/News_List_1920px_Kontejner_1420px_1_9b2aadbad1.png" alt="NewsList 1920px (Контейнер 1420px) 1.png" width="1080" height="1888">Каждая новость включает в себя заглавное изображение, заголовок, дату публикации и описание.Ниже предлагаются другие новости, в виде слайдера.<img src="https://piybeep.com/strapi/uploads/News_1920px_Kontejner_1420px_1_85df43607b.png" alt="News 1920px (Контейнер 1420px) 1.png" width="1080" height="1162">

Сервис для хороших дел “Volunvice”

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

Лендинг производителя спреев «ZIN»

large_ZIN-case-bg (1).png

medium_ZIN-case-bg (1).png

small_ZIN-case-bg (1).png

thumbnail_ZIN-case-bg (1).png

ZIN-case-bg (1).png

Сайт «ZIN-shop»

Информация сайта является тестовой, так что могут быть погрешности в смысле текста и совпадение фотографий.<img src="https://piybeep.com/strapi/uploads/Glavnaya_1920px_Kontejner_1420px_1_1_2177f2f7ed.png" alt="Главная 1920px (Контейнер 1420px) 1 (1).png" width="1080" height="656">Мы решили сделать лендинг с классической структурой, уже привычной для многих пользователей. На сайте располагается немного информации и продуктов, поэтому на одной странице всё уместилось наилучшим образом :)<img src="https://piybeep.com/strapi/uploads/Glavnaya_1920px_Kontejner_1420px_2_1_1_7fdd17e210.png" alt="Главная 1920px (Контейнер 1420px) (2) 1 (1).png" width="1080" height="1070">Определившись со стилем, в котором будет отрисовываться сайт - первым делом разработали стартовый экран с оффером. Изображения и тексты пришлось брать из головы, из тех соображений, что заказчик решил самостоятельно, в будущем, добавить верную информацию.<img src="https://piybeep.com/strapi/uploads/Glavnaya_1920px_Kontejner_1420px_3_1_1_6941b123d7.png" alt="Главная 1920px (Контейнер 1420px) (3) 1 (1).png" width="1080" height="929"><img src="https://piybeep.com/strapi/uploads/image_9_1_e16a9069fa.png" alt="image 9 (1).png" width="1080" height="474">Кроме основной страницы, было необходимо добавить корзину и реализовать возможность заказа товара. Без этого, сайт не имел бы смысла :)<img src="https://piybeep.com/strapi/uploads/Kartochka_tovara_1920px_1_1_e4b66dcc42.png" alt="Карточка товара 1920px 1 (1).png" width="1080" height="711"><img src="https://piybeep.com/strapi/uploads/Korzina_1920px_1_1_571ef41ef3.png" alt="Корзина 1920px 1 (1).png" width="1080" height="946"><img src="https://piybeep.com/strapi/uploads/Zakaz_1920px_1_1_5fbb22727a.png" alt="Заказ 1920px 1 (1).png" width="1080" height="755">

Интерактивный лендинг для расчета стоимости ремонта Apple устройств. Предоставляет удобный инструмент для быстрого определения цены и выбора услуг

Лендинг с расчетом стоимости ремонта

large_iBolitt-case-bg (1).png

medium_iBolitt-case-bg (1).png

small_iBolitt-case-bg (1).png

thumbnail_iBolitt-case-bg (1).png

iBolitt-case-bg (1).png

Сервисный центр «iBolitt»

Прежний сайт был собран на конструкторе несколько лет назад и имел недоработки как в дизайне, так и в функционале. К тому же его внешний вид уже устарел и владелец принял решение его переделать.Начиная с обсуждения ТЗ и анализа сайтов похожих сервисных центров в сердце Москвы, решили делать дизайн нечто непохожий на тот, что мы видели у других.<img src="https://piybeep.com/strapi/uploads/Main_1920_1300_1_1_8a58515711.png" alt="Main 1920 - 1300 1 (1).png" width="1080" height="272">В шапке классическое небольшое навигационное меню по странице, телефон для связи и адрес, чтобы сразу можно было проложить маршрут от нужной точки.Следом офферная конструкция - сообщаем, что всего за 3 клика можно узнать стоимость ремонта нужного устройства. На деле это занимает не более 15 секунд. Мы уважаем время каждого и если какой-то процесс на сайте можно ускорить без потери качества и смысла - мы его ускорим. Справа в виде сообщения iMessage отображается дополнительная важная информация. Своеобразная замена бегущей строки.<img src="https://piybeep.com/strapi/uploads/Main_1920_1300_2_3_fc6a032dde.png" alt="Main 1920 - 1300 2 (3).png" width="1080" height="537">Ниже - сразу к делу. Выбор устройсвта и отображение фотографии при наведении на соответсвующее из списке. Фотография большая, красивая и насыщенная - должна быть лицом во весь рост!С недавних пор iBolitt стали ремонтировать не только устройства Apple, но еще и на платформе Android. К функционалу этого блока вернемся позже.Дальше - простая форма оправки заявки. Введите недостающие данные в предложения и запишитесь на ремонт. После с вами свяжутся и уточнят все, что нужно.<img src="https://piybeep.com/strapi/uploads/Main_1920_1300_2_4_6f93d6c40d.png" alt="Main 1920 - 1300 2 (4).png" width="1080" height="330">Третий блок сайта - контакты. Адрес, расписание работы, номер телефона для связи. Карта от Яндекса. Все чтобы связь с iBolitt была максимально доступной и понятной.Ну и футер с дублированием формы, уже в более классическом виде, повторная навигация, контактные данные, копирайт, ссылка на документ с политикой конфиденциальности. И упоминание студии, которая создала этот сайт - нашей студии.<img src="https://piybeep.com/strapi/uploads/Main_1920_1300_2_5_9166360486.png" alt="Main 1920 - 1300 2 (5).png" width="1080" height="699">И так, вернемся к тому, как узнать стоимость ремонта. Выбрав нужное устройство, открывается его список моделей. Выбрали iPhone, 11 Pro Max...<img src="https://piybeep.com/strapi/uploads/image_12_1_719964c9ce.png" alt="image 12 (1).png" width="1080" height="447"><img src="https://piybeep.com/strapi/uploads/image_13_1_b4ce216a68.png" alt="image 13 (1).png" width="1080" height="389">Затем выбираем услугу (замена дисплея), и получаем стоимость. Так просто.<img src="https://piybeep.com/strapi/uploads/image_14_1_fa2da326a3.png" alt="image 14 (1).png" width="1080" height="512">

Сайт сервисного центра «iBolitt»

Сайт для планирования путешествий по Москве: гиды, экскурсии, отели, достопримечательности. Найдите идеальный маршрут для своего отдыха

Сайт для планирования путешествий в Москве

large_loctravel-case-bg (1).png

medium_loctravel-case-bg (1).png

small_loctravel-case-bg (1).png

thumbnail_loctravel-case-bg (1).png

loctravel-case-bg (1).png

Стартап "Loctravel"

Здесь вы можете выбрать куда сходить и посмотреть жизнь города, парк или достопримечательности.<img src="https://piybeep.com/strapi/uploads/1_2_1_9d10f700d6.png" alt="1 2 (1).png" width="1080" height="523">Здесь вы можете выбрать куда сходить и посмотреть жизнь города, парк или достопримечательности<img src="https://piybeep.com/strapi/uploads/2_1_1_c716d1154f.png" alt="2 1 (1).png" width="1080" height="578"><img src="https://piybeep.com/strapi/uploads/image_4_1_1791ae3a0d.png" alt="image 4 (1).png" width="1080" height="417">Расскажем об интересующих местах; гидах, которые могут показать вам их; и посмотрите отзывы туристов, которые эти места уже посетили<img src="https://piybeep.com/strapi/uploads/Frame_3748_1_2c2ec3c84b.png" alt="Frame 3748 (1).png" width="1080" height="1076">Поближе познакомитесь с вашим потенциальным экскурсоводом ...<img src="https://piybeep.com/strapi/uploads/image_7_1_7a0a5d8f3a.png" alt="image 7 (1).png" width="1080" height="520">... или можете сами стать одним из них<img src="https://piybeep.com/strapi/uploads/image_8_1_72efc5a722.png" alt="image 8 (1).png" width="1080" height="521">

Сайт для планирования путешествий “Loctravel”

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

Сервис создания ведомостей для колледжа

large_ks54-case-bg (1).png

medium_ks54-case-bg (1).png

small_ks54-case-bg (1).png

thumbnail_ks54-case-bg (1).png

ks54-case-bg (1).png

Колледж города Москвы

Начнем с проблемы: чтобы составить ведомость для каждой группы студентов к сессии - требовалось много времени, которое занимала рутинная работа. Сервис во много раз должен сэкономить время, которое можно потратить на более важные процессы в колледже. При первом заходе на сайт отображается авторизация.<img src="https://piybeep.com/strapi/uploads/Avtorizacziya_1_1_1_8b4784549d.png" alt="Авторизация (1) 1 (1).png" width="1080" height="608">После входа в аккаунт нас встречает главная страница. Ее основной функционал заключается в автоматизированном создании ведомостей.Можно сразу скачать дорожные карты и ведомость на пересдачу. Либо заполнить данные чтобы сформировать и скачать экзаменационную или зачетную ведомость.<img src="https://piybeep.com/strapi/uploads/Slice_1_1_1_1_e1db72e725.png" alt="Slice 1 (1) 1 (1).png" width="1080" height="305">Выбираем тип ведомости (экзаменационная/зачетная). Затем идет выбор преподавателя. И вариант «Вакансия», чтобы после распечатки можно было вписать имя преподавателя вручную.<img src="https://piybeep.com/strapi/uploads/Vybor_prepodavatelya_3_1_2_61a91eda2c.png" alt="Выбор преподавателя (3) 1 (2).png" width="1080" height="372">Затем выбираем дисциплину. В этом разделе есть группировка на общие, специальные предметы, учебную и производственную практику. При наведении отображаются «подсказки» с полной расшифровкой предмета.<img src="https://piybeep.com/strapi/uploads/Vybor_disczipliny_2_1_1_7cd6f8dce5.png" alt="Выбор дисциплины (2) 1 (1).png" width="1080" height="472">После этого выбираем группу. Так же для удобства есть разделение на категории «после 9 класса», «после 11 класса»; бюджетную и внебюджетную форму обучения. И нажимаем кнопку «Создать и скачать».<img src="https://piybeep.com/strapi/uploads/Vybor_gruppy_1_1_1_0480e6ff8d.png" alt="Выбор группы++ (1) 1 (1).png" width="1080" height="699">При выборе группы предоставляется список её студентов. Можно редактировать ФИО, удалять отчислившихся и добавлять новых.<img src="https://piybeep.com/strapi/uploads/Redaktirovanie_gruppy_2_1_1_9b33352a59.png" alt="Редактирование группы (2) 1 (1).png" width="1080" height="855">И через пару секунд мы имеем готовую экзаменационную ведомость группы 3 ИСП9-14 по предмету МДК 04.01. Страница автоматически очищается при скачивании (но есть и функция принудительного очищения). Можно создавать следующую ведомость.<img src="https://piybeep.com/strapi/uploads/Group_3666_1_dd157658bc.png" alt="Group 3666 (1).png" width="1080" height="393">Есть личный кабинет, можно сменить логин, пароль. Эта страница сейчас в разработке.<img src="https://piybeep.com/strapi/uploads/Nastrojka_profilya_1_1_2eac7d6dbc.png" alt="Настройка профиля 1 (1).png" width="1080" height="609">

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

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

Лендинг

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

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

Веб-сервис

Услуга UX/UI-дизайна включает разработку пользовательского опыта (UX) и пользовательского интерфейса (UI) для вашего веб-сайта или мобильного приложения. Наши дизайнеры создадут удобный и привлекательный интерфейс, который не только улучшит взаимодействие пользователей с вашим продуктом, но и повысит его конкурентоспособность на рынке.

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

Услуга UX/UI-дизайна включает разработку пользовательского опыта (UX) и пользовательского интерфейса (UI) для вашего веб-сайта или мобильного приложения. Наши дизайнеры создадут удобный и привлекательный интерфейс, который не только улучшит взаимодействие

UX/UI-дизайн

Это позволит пользоваться сайтом одинаково удобно на всех устройствах

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

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

Предпроектная подготовка

Интернет-магазин - это сайт, на котором можно выбирать и заказывать товары и услуги через интернет. Они обычно имеют каталог товаров, который можно просмотреть и отфильтровать по различным параметрам, оформить заказ и оплатить его онлайн.

Такие сайты актуальны для онлайн-торговли (e-commerce) как в формате b2c (розничной продажи), так и в b2b (оптовых закупках).

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

Система управления сайтом (CMS, админ-панель) - создается специально для вашего ресурса. Она позволяет администраторам сайта управлять его содержимым и настройками. То есть контентом, заказами, заявками, пользователями, правами доступа и прочим.

Можно изменять функциональность и безопасность. А также, с подключенной аналитикой - отслеживать работу сайта и его эффективность.

Админ-панель

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

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

Веб-визитка

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

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

Одностраничный сайт для регистрации на хакатон

Задача.

О компании.

другие проекты .

Авиакасса в Люблино

Компания по аутсорсингу и аутстаффингу

Hackathon PRO. Поколение IT

Курсы "Highflyers"

Служба доставки "Люблино Экспресс"

Компания по аутсорсингу и аутстаффингу

Ансамбль "Сирин"

Стартап "Volunvice"

Сайт «ZIN-shop»

Сервисный центр «iBolitt»

Стартап "Loctravel"

Колледж города Москвы

Оставьте заявку и мы с вами свяжемся .