Designing lead generation pages: A quick look into Codal’s process

What are the key elements of a high-converting landing page?

  • Modern UX and UI design: Today’s users expect websites to have aesthetically pleasing, mobile responsive designs, with simple layouts and no distractions.
  • Short and captivating copy: When there are too many words on a landing page, users often feel overwhelmed and bounce before filling out the form. The trick is to get your message across in a meaningful way — while keeping the page’s copy as concise as possible.
  • Powerful CTAs: The call to action (CTA) is perhaps the most important element of a lead generation page. To drive conversions, the button should be strategically placed, sized, and colored — and its message should be clear and persuasive.
  • Fast page loading time: When a landing page is loading, every one-second delay results in a 7% drop in conversions. There are many ways to increase page speed, from migrating to a superior hosting provider, to optimizing images, to leveraging a content distribution network.
  • A straightforward lead form: Whether the user is requesting a product demo, signing up for an email newsletter, or making a purchase, the less information they have to provide, the better. Only provide fields for the information you absolutely need, like the user’s name and email address. Other details can be gathered at a later time.
  • Compelling visual elements: Beautiful imagery and helpful visual content — like infographics and explainer videos — can help keep users engaged on the page, and ultimately increase conversions.

How Codal translates client needs into cutting-edge UX design

Kicking off the project and gathering requirements

  • Meeting with stakeholders: Either in person or virtually, Codal kicks off the project with stakeholders and other relevant parties from the client-side. We learn about their existing processes, pain points, customer expectations, and how the landing page fits into a broader sales strategy.
  • Creating user personas and a design brief: We learn about the different types of people who will be directed to the landing page. Then, we get into the specifics of each user persona, organized in a design brief. Who are they? What are they trying to accomplish? And how can we ensure those needs are met?
  • Developing user stories: With an understanding of each users’ needs and expectations, we define user stories to help guide our design strategy. These stories are documented in a simple format: “User A wants X, so they can accomplish Y.”

Conducting in-depth research

Performing Atomic UX exercises to refine project requirements

Maintaining constant communication and collaboration between teams

Get started with Codal today




A digital solutions partner with a data-driven approach that empowers companies at the intersection of UX design, development, & business.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Believing in Yourself Starts with a Badass Pair of Socks

Design Development Days — An initiative by Dexignare

Method Week № 12: Creating in Captivity

Case study: Healthy workday

What a Sr. UX designer looks for when you ask them to review your portfolio

Product Variation Swatches for WooCommerce

Weeknotes by Chan #06

Imaging USA Day Two: Expo Floor | Mac Sources

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Codal Inc.

Codal Inc.

A digital solutions partner with a data-driven approach that empowers companies at the intersection of UX design, development, & business.

More from Medium

Getting Creative with Data: Meet the Resale Report

UI/UX Articles and Interesting Tidbits of the Week

The #1 cause of digital product failure

Illustration of a user interface with a pop up message saying “Ooops! Wrong assumption. Try Again”.

How can Entrepreneurs afford to miss design?