Template Development (UI & Bootstrap 4)

Template Design for In House CMS

Template Design for In House CMS

This is a custom template for an in-house CMS system that generates cloned websites. The purpose of this tool is to rapidly start new campaigns according to the keyword demand.
Requirements:

  • Modernize website
  • Make something the fits the "Sponsored Links"
  • Make title, sponsored link location, and first paragraph dynamic.
  • Make all colors dynamic
  • Keep in mind that operations need to replace all images and icons of the design for each new site.

Users:

  • Operations team -  tech-savvy but not code or design knowledgable.
  • Media Buyers - Average user tech-savvy
Fullwidth TemplateBoxed Template

View Low Fidelity Wireframe

Constrains:

  • Speed of site-building. if the site is too complex, operations take longer to make new sites, since the operation team has to look for new images, icons and implement page blocks functionality for complex sections.
  • When the operations team clone sites, they don't look like the first design, if they have to focus on a lot of different sections.
  • Can't have too much space at the top with the sponsored links.
  • Crux(cms) does not have the capability of a category page at the time.
  • Unable to heavily design pages due to the inability to keep the same look, since elements need to change for every site.

Outcomes:

  • With this design the operations team proof to build cloned sites faster.
  • The flexibility of the sponsored link position and small paragraph allowed for an easier flow from SERP to the lander.
  • Cleaner look than the original site.

Home Page Design

Home Page Design

Responsive Design

Responsive Design

SERP

SERP