Lead generation landing page for web development company

Challenge:

Design a promotional landing page with the main goal of generating new leads and increasing conversion rate for Get a Quote form.

case-woo-featuredimgcase-woo-featuredimg

Project summary

Approach:

To make web development services appear less intimidating, we’ve chosen a delicate, pastel color palette and paired it with shop fronts illustrations that are immediately associated with commerce. A straightforward Unique Value Proposition and a part of WooCommerce logo were used so that the visitor knows straight away what the landing page purpose is.

Also, as its one of the most important information from the client’s perspective, we provided the price per hour above the fold. Services section was based on four main groups of target clients’ needs with simple and plain description of services strengthened with relevant icons.

Services:

•    User research
•    UX design
•    UI design
•    Responsive web design
•    Animation and graphic design
•    Content strategy
•    Web development guidance

 

Client:

Chop-Chop.org

case-woo-art@2xcase-woo-art@2x

Delicate, pastel color palette paired with bold violet which is the main color of WooCommerce visual identity and yellow that refers to the client’s official website.

case-woo-buildings2case-woo-buildings2

Urban landscape with shop fronts that are immediately associated with commerce, was chosen as the main visual motif of the landing page.

case-woo-mobile-devicescase-woo-mobile-devices

Because the landing page was to be promoted on Twitter, which is in around 80% accessed on mobile devices, it was crucial to make the site convenient to use on phones and tablets.

case-woo-boxes@2xcase-woo-boxes@2x

Services section of the landing page was built on the four main groups of target user needs represented on separate sheets. Straightforward and plain descriptions were strengthened with icons.

case-woo-laptopphoto-@2xcase-woo-laptopphoto-@2x

The outcome

Results:

Fully responsive and PPC-friendly landing page, presenting WooCommece development services of the client to ecommerce owners. Since launching the website, the client observed 76% increase in conversion.

Testimonial

The Rectangles did an excellent job creating the design for our WooCommerce landing page! We are impressed by their project attitude and engagement. They conducted a very detailed research and on that basis prepared a beautiful creation we are very proud to show to our clients. And we love the contact form animation! We recommend The Rectangles if you seek for a professional and friendly UX design studio who cares about the end result as much as you do.

Magda Rogóż, Marketing Manager at Chop-Chop.org

Subscribe to our newsletter. Only good UX vibes.
No spam, no marketing bullshit.

we use MailChimp
[unex_ce_mailchimp id="content_ese9afrum,column_content_5my5bhqrq" placeholder_text="your email" alignment="left" button_position="below" button_spacing="30px" input_placeholder_color="#252525" input_width="span5" input_text_align="left" input_text_color="#252525" input_bg_color="#ffffff" input_padding="15px 30px 15px 20px" input_border_width="0 0 2px 0" input_border_color="#252525" input_border_radius="0px" input_placeholder_color_mouseover="#252525" input_text_color_mouseover="#252525" input_bg_color_mouseover="#ffffff" input_border_color_mouseover="#252525" input_font_size="14px" input_font="regular" button_text="Subscribe" button_text_color="#252525" button_font="semibold" button_font_size="14px" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="14px 70px 11px 70px" button_border_width="2px" button_border_color="#43e3c3" button_border_radius="0px" button_text_hover_color="#252525" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#252525" has_container="" in_column="1"][/ce_mailchimp]