Heading

Overview

Shogun Frontend is an enterprise solution to the modern PWA. With a dark UI and more technical demographic, Frontend needed a sleek, enterprise-ready identity to match.

With a focus on maintaining through-lines to the Shogun brand,  I designed the Frontend identity and visual language. I also owned template and production design for ads, blogs and landing pages.

Role

Branding, Art Direction, Site Design, Creative

Tools

Illustrator, Photoshop, Figma, Webflow

Shogun Frontend

Overview

Shogun Frontend is an enterprise solution to the modern PWA. With a dark UI and more technical demographic, Frontend needed a sleek, enterprise-ready identity to match.

With a focus on maintaining through-lines to the Shogun brand,  I designed the Frontend identity and visual language. I also owned template and production design for ads, blogs and landing pages.

Tools

Illustrator, Photoshop, Figma, Webflow

Role

Branding, Art Direction, Site Design, Creative

Role

Branding, Art Direction, Site Design, Creative

Nº1: Product mark; Shogun’s “ō” shape abstracted into brackets as a nod to the custom code and development Frontend allows

Nº2: Color palette based on product UI; selected as stark contrast to Shogun’s playful and friendly flagship product
Nº3: Graphik, selected for it’s structure and ability to look professional while still maintaining personality
Nº4: Visual language explorations 🎉 ; elements of Frontend’s UI, abstracted shapes referencing code and visual design
Nº5: Collage of a few abstracted product shots using the selected visual language elements
Nº6: Templatized thumbnails for upcoming Frontend YouTube videos with just a touch of the visual language

Nº7: Frontend shot made while exploring imagery/layout for the landing page

Nº8: Landing page design; created with an emphasis on power, sophistication, and product differentiation

Nº9: Blog image collage; dimension, layering,  and isometric illos to apply the visual language to different topics

Nº10: Article cards for a seperate Frontend blog dedicated to headless commerce and positioning Shogun as a thought leader in that space

Nº11: Individual and general blog page designs; clean layout with a stark white colorblock for readability and blog images for the touch of Frontend branding
View next project