![](assets/files/cases/apfel/images/logo_main.png)
Веб сайт и брендинг
для группы компаний ApfelGroup
О ПРОЕКТЕ APFEL GROUP
Наша команда сделала:
концепт дизайнаt
![](assets/files/cases/apfel/images/iMac.png)
![](assets/files/cases/apfel/images/Screen.png)
ФУНКЦИОНАЛЬНОСТЬ ПРОЕКТА
ГЛАВНАЯ СТРАНИЦА. ЛЕНДИНГ.
- Экраны переключаются с помощью прокрутки мышки
- Анимированные переключения экранов
![](assets/files/cases/apfel/images/2.png)
![](assets/files/cases/apfel/images/3.png)
![](assets/files/cases/apfel/images/4.png)
ОТОБРАЖЕНИЕ ПРОЕКТОВ НА СТРАНИЦЕ ПРОЕКТА
- Возможность установить фильтр категорий недвижимости
- "Ленивая загрузка" пунктов в портфолио
![](assets/files/cases/apfel/images/5.png)
ПОЛНАЯ АДАПТИВНОСТЬ
- Веб сайт доступен на большом количестве девайсов
- Адаптивный веб дизайн
![](assets/files/cases/apfel/images/9.png)
АНИМАЦИИ НА САЙТЕ
- Анимации - часть UX инструментов сайта
- Эффекты наведения
- CSS3 анимации при скролле
![](assets/files/cases/apfel/images/10.png)
Красивый CSS3 эффект наведения на инфоблоках с иконками. Интересные и достаточно сложные анимации элементов.
![](assets/files/cases/apfel/images/11.png)
Меню расположено на боковой панели. Каждый знает "Гамбургер". Эффективное UX решение. Выскальзывает слева направо.
![](assets/files/cases/apfel/images/12.png)
Специальный блок с презентацией видео. Открывается плавно вниз. Функциональное решение, которое сохраняет место на странице.
СТРАНИЦА ПРОЕКТА
![](assets/files/cases/apfel/images/13.png)
Портфель отфильтрованных проектов по категориям недвижимости
Лист с проектами
![](assets/files/cases/apfel/images/14.png)
Навигация по сайту - хлебные крошки
Видео-презентация о проекте
Галерея с картинками собственности
Описание и адресс собственности
Партнеры проекта
Картинки прогресса возведения собственности и видео проекта
Похожие проекты
Отзывы и рекомендации
ОСОБНЕННОСТИ ПРОЕКТА
ЧУВСТВИТЕЛЬНЫЙ ПОЛЗУНОК
- Ползунок может быть перемещен нажатием на мышку или классическим кликом на навигационные стрелочки
![](assets/files/cases/apfel/images/7.png)
Административная панель
- Полное управление сайтом
- IИнтуитивно понятный интерфейс
- Редактирование всех полей и страниц сайта
БОКОВАЯ ПАНЕЛЬ С СЕТКОЙ ЛУЧШИХ ПРОЕКТОВ И УСЛУГ
- Демонстрация услуг компании
- Быстрый доступ до важной информации
- Полная адаптивность для экранов любого разрешения
![](assets/files/cases/apfel/images/15.png)
Быстрый доступ до топа проектов
Полностью адаптивный в линейной сетке
ПРОЦЕСС СОЗДАНИЯ
ИДЕЯ
Разработка идеи создании проекта, мы погружаемся в специфику индустрии клиента
UX + КАРКАСЫ
Основываясь на поставленных целях и задачах, мы разработали все компоненты интерфейса будущего продукта
UI дизайн
Мы создаем эффективный и интересный дизайн для каждого компонента. У нас в команде лучшие дизайнеры
ФРОНТЕНД РАЗРАБОТКА
На этом этапе мы приближаемся к материализации дизайна с визуальными эффектами и получению окончательную реализацию будущего веб-продукта
БЭКЕНД РАЗРАБОТКА
На этом этапе мы внедряем скрипты и оживляем плагины. Теперь вся видимая функциональность становиться доступной пользователю
ТЕСТИРОВАНИЕ
На этом этапе мы тщательно проверяем работоспособность каждого элемента, при необходимости вносим изменения в конструкцию и компоновку
Проект завершен!
![](assets/files/cases/apfel/images/8.png)