Alternate Landing Page Designs

We recommend using the Landing Page Builder for all types of in-person and virtual events you create. However, you may still use older, alternate options for your event landing page design if you wish. These options are accessed from Landing Page on your Event Home.

In This Article


 

Alternate Landing Page Options

Basic Landing Page

A simple landing page design best suited for virtual events.

LP_Basic.png


Find editable fields for the Basic Landing Page in Content under Landing Page in the side navigation. These fields include the Event Logo, Who should attend, and About the event sponsor. You may also check Display quotes to display any Testimonials. Testimonials can be found under Settings on your Account Home.

LP_BasicExt.png

 

Legacy Landing Page

Radancy's original landing page design. It features full and half-screen splash options, background event information display, and more. Use this to edit any existing events, templates, or series you’ve built using this tool.

LP_Legacy.png

 

Editable fields for Legacy Landing Page include the Event Logo, About This Event, Other Settings (Tagline, Organization Video, Contact Email, and URLs), as well as an entire Event Instructions section, Instructional Video, Event Focus modules, and Social Settings. You can find all of these options under Landing Page in the sidebar navigation.

LP_LegacyExt.png

 

Third-Party Landing Page

Host your own landing page at a provided URL. When asking participants to register or log in, refer them to https://app.brazenconnect.com/events/n3x0g/login. Requests for the default landing page are redirected to your custom URL. 

LP_3rdParty.png

 

 

Choose Your Landing Page Background Image

The landing page background image is intended to provide atmospheric color, not to present information. You should not use this image to share important event details. 

Select one of the default images, or to upload your own image, select the Custom Image box, then click Upload

The recommended image dimensions are 1600px x 1067px. As with all image uploads in Radancy, It must be a gif, jpeg, jpg, or png file, and 300 dpi is recommended. 

Screen_Shot_2020-09-07_at_4.55.10_PM.png

 

Landing page images are responsive to your browser’s dimensions. This affects the visibility of the image content. We recommend that you not include text on your Landing Screen image itself as the image does not display consistently across all devices and screen sizes.

Custom images are resized to 1600px by 1067px. Use an image that is close to this size or larger. Using a smaller image could cause pixelation, and also be sure your image is in 4:3 ratio to avoid any image warping.

Additionally, for effective desktop viewing, leave a 190px border on the left and right side of the image, and a 130px border on the top and bottom.

On mobile devices, as little as the middle 260px of the image may be visible, so avoid placing text or representational images that may be cut off at this boundary.

 

Transform Your Uploaded Image

You may change the dimensions of your uploaded image with four different tools. All of these tools offer more flexibility when editing an image that is equal to or larger than the fixed dimension (1600px by 1067px).

  • Scale
    • Expand or shrink the image to fit the dimension.
  • Limit and pad
    • Resize the image with padding to fit the dimension.
  • Limit and fill
    • Resize and use only a portion of the original image.
  • Crop with free transform
    • Use handles in the preview image to crop.

 

Device Responsiveness

Radancy's platform is optimized for all devices, and the landing page layout is dependent on the screen dimensions of the user's device. The width of the screen affects the visibility of your background image. Your full image may not always be visible or may be distorted as the image size responds to the user's screen size.

Screen_Shot_2020-09-07_at_4.59.12_PM.png


The screenshot above shows how the landing page image looks on a desktop device. 

The screenshot below shows how the same landing page image looks on a mobile device.

Screen_Shot_2020-09-07_at_4.58.59_PM.png

 

 

 

Was this article helpful?
0 out of 0 found this helpful