Oskar — редизайн сайту дельфінарію

Oskar — редизайн комплексу сайтів дельфінарію

Редизайн у роботі — дизайн погоджено, триває розробка робочої версії

Контекст

«Оскар» — розважально-оздоровчий комплекс у Трускавці: дельфінарій, кафе Burger Club і тераріум «ЕкЗотерра». У кожного з них — власний сайт.

Проєкт охоплює редизайн основного сайту дельфінарію та переробку двох менших сайтів, які лишаються окремими, зі своєю адресою та виглядом. Мета — легший і зрозуміліший сайт, який замовник зможе сам підтримувати в актуальному стані без розробника.

До → Після

Знімки екрана: старий сайт — чинний (жовтень 2026); новий дизайн — статичний макет, а не робочий сайт. Контактні дані розмито.

Запит замовника

• Спершу — вхідний екран: відвідувач обирає дельфінарій, Burger Club або тераріум, а не потрапляє одразу до одного з них.
• Коротший сайт: шість сторінок, розклад, ціни й послуги об'єднано; новини, партнерів і кнопки онлайн-квитків прибрано.
• Кнопки прямого дзвінка з номерами телефонів замість замовлення зворотного дзвінка.
• Фірмові кольори лишаються: синій, білий і зелений — ближче до природи.
• Ціни, розклад і акції, які замовник редагує сам, без розробника.

Проблеми старого сайту

• Одинадцять пунктів головного меню, серед них «Купити квиток» і «Замовити квиток» — для послуги, якої комплекс онлайн не пропонує.
• Замовник міг легко змінювати лише розклад і новини; ціни й акції — ні.
• Застаріла технічна основа, яку важко підтримувати й розвивати.
• Бракувало базової SEO-розмітки (карти сайту, тегів canonical і hreflang, структурованих даних).

Що вже зроблено

• Дизайн-система: правила кольору, шрифтів, відступів і компонентів на основі чинних фірмових кольорів замовника та шрифту Nunito на власному сервері, із задокументованими коефіцієнтами контрасту тексту (WCAG 2.1).
• Статичний макет основного сайту українською на HTML, CSS і JavaScript: вхідний екран і головна, розклад і ціни, дельфінотерапія, галерея, контакти, політика конфіденційності та акції.
• Замовник погодив макет п'яти основних сторінок: головної, розкладу й цін, дельфінотерапії, галереї та контактів.
• Сторінку «Акції» додано як шосту; її погоджують окремо.

Що далі (заплановано або в роботі — ще не запущено)

• Робоча версія на Laravel 13 і Filament 5, яка перетворить погоджений макет на чинний сайт.
• Панель керування, де замовник змінює розклад вистав, ціни квитків і послуг та акції, з архівом завершених акцій.
• Українська й англійська версії основного сайту з базовим SEO та форма заявки на дельфінотерапію без збору медичних даних.
• Два менші сайти, кожен лишається окремим: Burger Club (п'ять сторінок, чотири зображення меню, які можна замінювати) і тераріум «ЕкЗотерра» (п'ять сторінок, текстові ціни, які можна редагувати).
• Запуск на домені замовника після того, як він погодить готовий сайт.

Технології

Макет — звичайні HTML, CSS і JavaScript поверх дизайн-системи. Робочий сайт — Laravel 13 і панель керування Filament 5.

Моя роль

Я веду проєкт від початку до кінця: структура сторінок, дизайн-система й макет, а також розробка на Laravel і Filament.

Результат і поточний стан

У роботі. Дизайн затверджено; робочий сайт ще не запущено, а адмін-панель запланована, але не реалізована. Знімки екрана показують дизайн-макет, а не робочий сайт.