top of page

CMS Builder Tool

Company | Internet Brands

Internet Brands is a digital media, marketing services, and software company based in El Segundo, California, United States, that operates online media, e-commerce, and SaaS businesses in vertical markets.

Role 

UX, UI Designer for their Health & Legal Branch for their CMS called Page Layout Editor(PLE)

Tools

Figma, Page Layout Editor (PLE)

Task

Research, Builder Tool Updates, New Features

Project

Stacking & Padding Tool Update

Objective

To enhance user flexibility and customization options by adding direct padding settings for stacked sections within the editor, ensuring modules in these sections are appropriately spaced and preventing them from being too close together.

Solution

Implement a feature that allows users to adjust padding settings directly within the editor for stacked sections. The ability to customize the padding between stacks as needed. To simplify and improve the user experience, introduce a visual concept where each padding setting is represented by a blue box with a pixel count below it, enabling users to easily input their desired padding values. This approach provides a more intuitive and user-friendly way to adjust padding in stacked sections, addressing the current limitation and enhancing the customization capabilities of the platform.

Before

Must haves:

Because of how PLE is structured some items were a requirement to keep:

  • collums settings controls

  • cell controls

There may be no better way to communicate what we do than through images. As you browse our site, take a few moments to let your eyes linger here, and see if you can get a feel for our signature touch.

Before
old_builder_tool_4.png
old_builder_tool_3.png
There may be no better way to communicate what we do than through images. As you browse our site, take a few moments to let your eyes linger here, and see if you can get a feel for our signature touch.

There may be no better way to communicate what we do than through images. As you browse our site, take a few moments to let your eyes linger here, and see if you can get a feel for our signature touch.

Before

There may be no better way to communicate what we do than through images. As you browse our site, take a few moments to let your eyes linger here, and see if you can get a feel for our signature touch.

bottom of page