Maverick Group blog pages

For: The Maverick Group

Brief: To design WordPress templates for blog category, article and landing pages, based on the look and feel of maverick-group.com.

Responsibilities:

  • Create UX wireframes for three page types in desktop format using Sketch
  • Design UI layouts for three page templates in desktop and mobile formats
  • Create alternative desktop layouts showing active rollover states and form field states.

Outcomes:

  • A category page showing nine featured articles, along with a ‘no results found’ category page
  • An article component library comprising of image, video, quote, carousel, gallery and text modules along with an example article page
  • A landing page design for containing gated content.

Maverick Group blog category page UX and UI designs

Maverick Group blog category page UX wireframes and UI designs in Sketch

Maverick Group blog article page UX and UI designs

Blog article component library UX wireframe and article mockup UI designs

Maverick Group blog landing page UX and UI designs

Landing page UX wireframe and UI design for gated content