Skip to main content
Frontend Developer, Design2012
#HTML5#CSS3#JavaScript#jQuery#turn.js#Canvas API#Responsive

Dry Law — Corporate Magazine Website for Penetron

Magazine site for Penetron Group (2012). HTML5 reader with 3D page flipping (no Flash!). Design task: balance a strict corporate brand book with a manager’s request for elegance.

Idea

Build an online magazine reader that works on iPad (hi, Steve), looks like a real magazine, and doesn’t turn the browser into a shovel.

Context of the Era

2012: Flash fades, HTML5 rises, iPad becomes a brand showroom. A “wow” reader without plugins was a strong differentiator.

Business Insights

  • Visual effects boost engagement and brand recall.
  • “Works on iPad” in 2012 was a real competitive edge.

How We Solved It

  • HTML5/CSS3 instead of Flash. Smooth flip at 60 fps — not magic, just care.
  • Responsive layout and touch controls — demo‑ready at exhibitions without prayer.
  • Balanced brand book and “we want it pretty”: neat typography, corporate blue without conflict.

Best feedback: “wow, this is definitely not Flash?”

Results

HTML5
reader without plugins
3D flip
striking page turn
iPad ready
shines at presentations

Lessons

  • A good brand book helps; a bad one hinders. This one helped.
  • Animations are not decoration — they’re part of the language. Use with measure.