Bridge the gap between digital and print medium with responsive design in page layout.

The challenge is to bridge the gap between the digital and print medium. Visual storytelling in fully responsive elegant page design. Allowing contents to be interactive with digital presence and print friendly for hard copy publishing. The page based format refines the process of content creation and archiving. The project is first prototyped in WordPress to user test the reading experience. Based on the user feedback, the content creation process is refined and developed with meteorJS.

  • Tools - MeteorJS. HTML. SCSS. Wordpress.
  • Roles - UX Engineer (Kei Tseng). UI Visual (Jooyoung Lee). Web Development (Lewis Ho)

Content creation

Responsive web reading experience built with static html, css and js on the top. Content creation prototype in wordpress on the bottom left and meteorJS migration build from scratch on the bottom right.

Responsive Reading Experience

Editing Experience

Demo

Print Demo

Print

cuny grad journalism

Homepage

Showcase of selected theme

Vietto Catalogue