Skip to content

JWP Publishing / Website & campaign design

A whole world around the books.

Explore the website beyond its opening banner: book collections, character-led product cards, reading resources and the mobile experience, followed by the campaign work that carries the look into the feed.

JWP Publishing desktop website
JWP Publishing desktop website, section 1 of 4JWP Publishing desktop website, section 2 of 4JWP Publishing desktop website, section 3 of 4JWP Publishing desktop website, section 4 of 4
Desktop website — scroll inside to explore the complete page.

Give readers room to explore.

For JWP Publishing, we designed the website and campaign layouts around the supplied book artwork. The illustrations bring the characters; the page design gives them a clear setting, readable information and a route to the next action.

The desktop website moves from the opening story into the collection, individual book cards, a printable resource and supporting content. Green accents, serif headings and generous white space keep the sections connected.

The collection becomes the navigation.

Each book card pairs a character image with a series label, title, description and action. The repeated structure lets the artwork vary while the reading order stays predictable.

Below the collection, the printable resource gets its own quieter section. The layout changes pace without abandoning the typography and color system used above it.

Rebuilt for a narrower screen.

The mobile composition stacks the collection and supporting sections vertically. Book images remain prominent, descriptions have room to wrap and the calls to action sit with the content they belong to.

The full mobile capture below shows how the site reads beyond the first screen.

JWP Publishing mobile website
JWP Publishing mobile website, section 1 of 6JWP Publishing mobile website, section 2 of 6JWP Publishing mobile website, section 3 of 6JWP Publishing mobile website, section 4 of 6JWP Publishing mobile website, section 5 of 6JWP Publishing mobile website, section 6 of 6
Mobile website — scroll inside to explore the complete page.

Carry the collection into the campaign.

The campaign layouts use the supplied cover and character artwork with clear titles and supporting copy. A collection graphic brings several books together; a single-title layout gives one story the space to lead.

The website and graphics share a visual family while adapting the composition to the format.

JWP Publishing collection campaign with three books
Collection campaign. View full size
JWP Publishing single-title social graphic
Single-title campaign. View full size

A connected website and campaign.

The work includes the website layouts and campaign composition shown here. The book illustrations and cover artwork were supplied materials.

Explore website design and ongoing campaign design for the kinds of requests that can share your design queue.

Make room for your next design.

Bring your next few requests to a 15-minute fit call. We’ll talk through scope, priorities, and whether one active request at a time fits your team.

Book a fit call See membership details