Landing Page

Good.Co. Landing Page UI Design Case Study

People create websites and apps with different and sometimes multiple goals. Some give real or virtual money, some signups, and others convince your target customer to try a free trial. Nobody starts a business without a goal—money, fame, self-expression, power, etc. In all cases, web and mobile product producers and advertisers sell something, but the payment can go beyond users’ money, focusing on other feedback and responding. In website and mobile app efficiency analysis, we focus on conversions rather than purchases.

Considering the latest online communication and trade trends, landing pages are growing in popularity fast. The reason is simple. Potential customers of your product are surrounded by many informational sources, making it easy to get lost. So many efforts are made to create a strong web presence for reputable products. You’ll find every step of product improvement and plenty of brand awareness and marketing work. According to stats and research, a landing page can also strengthen the product.

The essence of landing pages

Landing page in its broadest sense is any page where a user started their site journey, according to analytics. The more specific definition of a landing page is used more often today. This term refers to a special website designed to present a specific product, service, features, or option so visitors can quickly and easily find what they need without being distracted. This is why analysts say landing pages are usually more effective than home pages. The home page may have too many options, and browsing them to find the right product can distract, bore, or annoy the user.

A metaphor makes it easy to imagine. Imagine visiting New York to walk around Manhattan. That is your lifelong dream. Finally, you find a fast, cheap service to New York City. Great, eh? Pack your bag, charge your camera, and rise in awe as your lifelong dream comes true. You are then taken by these amazing people who helped you realize your dream to the beginning of New York City. They leave you to find Manhattan or anywhere else. You like it now? Who knows, you might be unhappy after an exhausting search of the huge city for your destination. Wouldn’t it be great to arrive fresh and ready to admire and absorb positive emotions? Wouldn’t customers be happier to achieve their goal faster and easier? Sure, yes.

Landing Page

Landing page does that. After getting information from an outside source about a product, feature, information, or service and clicking through to its provider, a person doesn’t want to spend a lot of time searching your homepage for the desired product or page. The user wants to “land” there so they can get what they want quickly and get enough (but not too much) information to make a decision. As experience shows, a well-designed landing page is essential to improving marketing and conversion rates.

We added a new case study on this topic because it’s relevant today. This time, Tubik Studio designer Ludmila Shevchenko will explain landing page creation.

Process uses psychometric and psychological analysis and extensive employment and HR experience to help people identify their professional style so they can best fit with their current and potential employers or teams.

The Ottawa Web Design Company generated amazing web development results but some web designs need more efforts since web development agencies have certified web design specialists so they know their work and create amazing web designs, never settle for other than an award winning web design agency had an iOS and Android mobile app when the designer was hired. The landing page was also there, but the customers decided to revamp it to attract more users.

The customer required a landing page with a specific slogan and mascots representing personal archetypes. The site’s mascot images were created long ago and promoted by the existing application, so they shouldn’t have been changed. It’s easy to think that having supportive material like ready-made mascots makes the process simpler and faster, but these preconditions can sometimes make the job even more complicated and demanding because the designer is limited in stylistic options and must create a general page concept based on the given elements.


The designer created full page versions with all the customer’s changes. After working closely with the customer and providing frequent updates, she created two landing page versions. Comparing them shows that the variants have the same concept and color palette, but different layouts, especially in testimonials and product descriptions. First version was more humorous and joyful, while second was more formal and business-like.

The first version, shown above, had big slogan lettering as the page headline and subheading revealing the product’s main benefit. It also had a logo, links to social media, links to product features pages, and an image to reinforce the style. The image used original archetypes and a mobile device screen to convey that the product is a mobile app. This page also had brightly colored call-to-action buttons that let users download the app from their preferred source. Second, testimonials were presented as speech bubbles with a light background to make them easy to read on the colorful background. The third part featured the mobile device with the other screen in the center and benefit descriptions around it, strengthened with icons. All parts had colorful backgrounds.


The second version was flat too. The headline letters were shrunk but still legible. The image of a mobile device with a profile screen was also featured, but the archetypes were grouped around it to create large, distinctive images. To look more business-like, call-to-action buttons were only shapes and not colored. With no specific details and colorful blocks with the copy and avatar of the person or company providing the testimonial, testimonials were simplified. The third part had a different layout with a mobile device image on the left and description copy on the rest of the page. This section had a light background and colorful icons created by the designer to support the message.






Leave a Reply

Your email address will not be published. Required fields are marked *