Мікросайт TYPO3: "Творчі забави"

Для нового 2016/2017 видання брошури Gutes Aufwachsen mit Medien - Ein Netz für Kinder (Добре рости з медіа - Мережа для дітей) Федерального міністерства у справах сім'ї, людей похилого віку, жінок та молоді ми спроектували та розробили мікросайт Kreativer Spielspaß (Творчі розваги) для дітей від 4 до 10 .

Проект виконаний на замовлення нашого клієнта jugendschutz.netякий створив брошуру та контролював її зміст.

На мікросайт:
www.surfen-ohne-risiko.net/kreativ

Серпень 2016 року

Проект розпочинається з мозкового штурму залучених учасників. Окрім поки що досить абстрактної за змістом ідеї замовника - зробити доступними творчі онлайн-пропозиції для дітей в системі онлайн-каталогу, - поки що відома лише приблизна дата запуску проекту: Нове видання брошури Федерального міністерства у справах сім'ї, людей похилого віку, жінок та молоді "Зростати добре з медіа - мережа для дітей" має бути опубліковане найпізніше у листопаді 2016 року. Оскільки в ньому буде згадуватися мікросайт, він має бути на той час в мережі. 

Рамкові вимоги є наступними

• Дотримання стильового керівництва ініціативи "Дорослішаємо разом з медіа".
• Ігровий та структурований доступ для цільових груп батьків та педагогів, але не надто ігровий.
• Приваблива презентація на всіх пристроях, особливо на смартфонах.

У тісній співпраці з нашим партнером по дизайну Kontext Kommunikation ми розробляємо основні концепції для орієнтації користувачів і функцій. Після узгодження з клієнтом створюємо каркасні схеми. Вони проходять через цикл корекції і вивільняються клієнтом. Наприкінці серпня партнер з проектування розпочинає розробку макету за нашим технічним завданням.

Вересень 2016 року

Конструкція набуває форми. Важливо для мінімізації неочікуваних результатів: Клієнт надає нам реальні дані для контенту, щоб нам не довелося працювати зі зразками контенту в макеті. Іконки створені відповідно до CI ініціативи Gutes Aufwachsen mit Medien. Упорядковано кольори, форми, шрифти та змістовні зображення.

Паралельно з цим починається розробка: бекенд існуючої системи TYPO3 Surfen ohne Risiko, в якій буде технічно розташовуватися мікросайт, завершується для обслуговування даних і спочатку заповнюється для тестування. Прототипи інтерфейсу для незвичної навігації користувача за концепцією навігації на робочому столі запрограмовані таким чином, щоб виключити невизначеність щодо доцільності.

Жовтень 2016 року

Макет оприлюднено. Тепер можна цілеспрямовано розпочати реалізацію індивідуального фронтенду. Під час реалізації з клієнтом узгоджуються остаточні деталі щодо функції фільтрації. 

Листопад 2016 року

Станом на 8 листопада 2016 року попередній мікросайт завершено і наповнення його контентом виконано в обсязі, який нас задовольняє. Після короткого тестування клієнт також вважає результат хорошим. Проводиться бета-тестування: Клієнт надсилає попередній мікросайт відібраним випробуваним особам. Відгуки загалом дуже позитивні.

Знайдено та виправлено декілька остаточних помилок, а також технічно доопрацьовано деякі нові функції, запропоновані учасниками тестування. Оскільки за останні кілька тижнів ми також ознайомилися з контент-цілями клієнта, ми також надаємо редакційну підтримку з метою дотримання дедлайнів: ми обмінюємося окремими зображеннями та текстами для досягнення узгодженої загальної картини з точки зору змісту.

Мікросайт запрацює 29.11.2016.

• Концепція:
  • Переведення ідеї контенту в інноваційні операційні концепції (функція навігації та пошуку по сторінках)
  • Створення каркасів
• Координація:
  • Налаштування та контроль графіку роботи
  • Координація партнера з проектування
  • Координація роботи з редакційною командою клієнта
  • Супровідні коригувальні прогони та узгодження
• Технічна реалізація:
  • Створення редакційного бекенда в існуючій системі TYPO3
  • Реалізація виводу з індивідуально запрограмованим розширенням TYPO3 на базі Extbase (фільтри, списки, сторінки деталізації)
  • програмування на jQuery у фронтенді. Зосередьтеся на технічній зручності (наприклад, функції фільтрів) та продуктивності (наприклад, перезавантаження сторінки AJAX)
  • Створення повністю масштабованого макету: адаптивний веб-дизайн, який плавно адаптується до відповідної ширини та висоти.
  • Ключові слова:
    SVG-Sprites, AJAX, Extbase, Above-the-fold Inline CSS, Viewport Sized Typography, Вертикально адаптивний дизайн