Разработка сайта LG-Trans
Главная страница
Задача
Создать ресурс, который в себя включает:
- стартовую страницу с четырьмя модальными окнами - О компании, Контакты, Направления деятельности, Online-мониторинг заказов
- личный кабинет - со списком логистических заявок, в которых пользователю будет дана возможность редактирования статуса у заявки
Цель ресурса - дать возможность пользователям просматривать их заявки и менять статусы у заявки.
Сроки - 2 недели
Цветовая палитра
Макеты сайта
Результат
По проекту было мало вводных, кроме текущей версии основного сайта, откуда можно было взять информацию по контенту. Но тем не менее, проект был сдан вовремя и принят клиентом.
Проект больше интересен необычной реализацией стартовой страницы, нежели чем личным кабинетом, хотя он больше задумывался на уклон в личный кабинет, в котором вывод информации по заявке подразумевал некий шаблон
Больше всего в реализации идеи на стартовой странице времени ушло на реализацию и адаптацию билбордов. По-началу билборды должны были стоять вдоль дороги на одинаковом отдалении друг от друга. Но идея не прижилась, поскольку они слишком смотрелись вычурно на текущем фоне с дорогой, который хотел клиент и нужно было каждый билборд ставить на свое место.
Решение на фронте использовать абсолютное позиционирование с отступами в процентах решило проблему позиционирования билбордов как в горизонтальном пространстве, так и в вертикальном. Адаптацию никто не отменял! Поэтому идея с билбордами должна была сохраняться на всех экранах, кроме мобильных устройств. На мобильных устройствах достаточно было и списка.
P.s. Для себя я отметил, что если есть возможность отказываться от full-height дизайна, то лучше отказываться от таких вещей, ибо если их нужно будет адаптировать по вертикали, то тут нужно будет подключать js и писать дополнительные классы, почти на каждый контейнер
Данные по проекту
