Перейти к содержимому
Frontend разработчик, дизайн2012
#HTML5#CSS3#JavaScript#jQuery#turn.js#Canvas API#Responsive

Сухой закон — сайт корпоративного журнала Пенетрон

Сайт журнала группы компаний Пенетрон (2012). HTML5-читалка с 3D-перелистыванием страниц (не Flash!). Дизайнерская задача: совместить кандовый корпоративный брендбук и требования менеджера об изящном дизайне.

Идея

Сделать онлайн‑читалку, которая работает на iPad (привет, Steve), выглядит как журнал, но не превращает браузер в лопату.

Контекст эпохи

2012: Flash уходит, HTML5 только набирает мощь, iPad становится витриной брендов. Нужна «вау»-читалка без плагинов.

Бизнес‑инсайты

  • Визуальный эффект повышает вовлечённость и запоминаемость бренда.
  • «Работает на iPad» в 2012 — реальное конкурентное преимущество.

Как решали

  • HTML5/CSS3 вместо Flash. Плавный flip эффект — без чудес, но с любовью к 60 fps.
  • Адаптивная вёрстка и управление тачем — чтобы на выставках всё листалось пальцем, а не молитвой.
  • Баланс между брендбуком и «хочу красиво»: аккуратная типографика и фирменный синий не дерутся.

Лучший фидбек — «о, это точно не на Flash?».

Результат

HTML5
читалка без плагинов
3D flip
эффектный перелист
iPad ready
рулит на презентациях

Уроки

  • Хороший брендбук помогает, плохой мешает. Этот — помог.
  • Анимации — это не украшения, а язык интерфейса. Главное — мера.

Похожие материалы

Проекты с похожими технологиями и задачами

VRespecte — социальная сеть для рэп-сообщества

Full-stack разработчик • 2011

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

  • Django
  • Python
  • FFmpeg
  • PostgreSQL
  • jQuery
  • +2
Читать детальный кейс →

Система управления Евразийским экономическим форумом молодежи (ШОС)

Team Lead, Project Manager • 2014

Госзаказ на управление масштабным международным мероприятием: 12 кураторов, 72 координатора, 5000+ участников. Технически справились, психологически чуть не сгорели. Урок о том, что госконтракты требуют не только технологий, но и работы с людьми.

  • Python
  • Django
  • PostgreSQL
  • JavaScript
  • jQuery
  • +1
Читать детальный кейс →

reraiseMe — видео хостинг для покеристов

Backend разработчик • 2011

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

  • Django
  • Python
  • FFmpeg
  • PostgreSQL
  • jQuery
  • +2
Читать детальный кейс →