SEM Landing Page Module Builder

The internal Growth team has been working with outside resources, including freelance developers and third-party agencies, to design - build - and test landing pages promoting Ro’s offerings in the healthcare field.

With my previous experience in code and UI/UX design, I’ve worked with the team to create a library of modules that could easily be used to design and build landing pages without any coding or web design knowledge.

The modules were designed and made available for use in Figma, mainly using Figma Libraries and the software auto-layout function. This allowed for speedy in-house production, resulting in cohesive branding across all of the previously disjoint landing pages.

The third-party agency that previously handled the process from A-Z was able to set up code strings for each of the modules unlocking a speedier development turnaround on their end as well. Base templates and modules have been adjusted and updated to allow for best performance and new design practices.

 

The base template is the starting point in the landing page design process. Accounting for all of the advertising requirements and legal constraints we face on a daily basis. All of the modules are designed to be ADA compliant and are available in Roman or Rory branding.

 

Details

Designers can easily switch between desktop, tablet, and mobile device sizes without having to re-adjust the contents within each module.

Countless of available module variations allow designers to customize each module without having to sacrifice creativity.

 

Examples

Previous
Previous

At-home COVID-19 test launch assets

Next
Next

Health Guide Content Photography