Irving Suna Logo
Back
Web Platform · Publishing

State Publisher Digital Catalog & E-commerce

Client
Cepe Editora (Companhia Editora de Pernambuco)
Role
UX/UI Designer
Summary
UX/UI design for the digital catalog and e-commerce platform of Cepe Editora, the official publishing house of the state of Pernambuco. The site features an atmospheric editorial aesthetic, book browsing by category and collection, and responsive layouts across web and mobile.
Cepe Editora — full website overview. Dark moody homepage with forest hero, featured book A Emparedada da Rua Nova, Catálogo section with category filters, Novidades (new releases) with bold red typography, Top 5 Mais Vendidos, and an author detail page. Tablet view shows responsive layout.

Problem

Cepe Editora needed a better way to present its catalog online, promote authors, and make it easier for visitors to discover and buy books.

Solution

The website was designed with a modern and interactive UX/UI approach focused on immersion and storytelling. The experience combined parallax effects, animated transitions, and interactive 3D book covers to create a visually rich environment that made exploring books feel more engaging and dynamic.

I organized the catalog by category and collection, with clear paths to top-selling titles and author pages. Visual themes drawn from each book's cover and tone gave different sections of the site a distinct feel, reinforcing the emotional connection between readers and the content.

Results

The site gave Cepe Editora a more compelling digital presence for its books and authors. The visual approach made the catalog easier and more enjoyable to browse, and the 3D book interactions became a distinctive feature of the experience.

Close-up of the Cepe Editora homepage hero — book 'A Emparedada da Rua Nova' by Carneiro Vilela displayed against a dark atmospheric forest background, with bold red 'NOVIDADES' typography and a VER TODAS AS NOVIDADES call-to-action. Details — book detail page for A Emparedada da Rua Nova showing the 3D book cover, author info (Carneiro Vilela), description, purchase buttons, and Other Books section. Right panel shows the Author page layout with author photo, biography, and Titles section. Color palette swatches (red, white, grey, black) shown in the top right corner. Close-up interaction — 3D book cover for A Emparedada da Rua Nova with a (+) expand button on a dark atmospheric forest background, and the bold New Releases (Novidades) typography section with a View All New Releases CTA. Catalog section — animated close-up of the Catalog page with Most Recent filter, carousel of book covers: Era uma vez... (Once Upon a Time), Pequeno Elucidario, Contrato com Vampiros (Contract with Vampires), Em Memoria. View Full Catalog CTA at the bottom. 02 Responsive Design — mobile and tablet layouts showing: Catalog page with filter (By Category, By Collection) and book grid, homepage carousel (A Emparedada da Rua Nova, A Guardia, A Historia de uma Boca, Meus Queridos Amigos, Incendiario), and News article page with bold Novidades typography and a featured book O Trem para Branquinha. Closing slide — editora.cepe.com.br — Thanks for Watching! — irvingsuna.com — black background with dark smiley face and red accent lines.

Want to learn more about this project?
hello@irvingsuna.com