From Legacy Site to Lead-Generating Landing Page: Global Leathers Case

Request / Problem

Global Leathers, a New York-based leather production company, sought to revamp their outdated catalog website. Their existing platform showcased various leather products but failed to generate significant leads. With a limited budget, the employer needed a cost-effective solution to attract and engage potential clients, primarily interior designers and furniture manufacturers, while elevating their brand’s digital presence.

‍

‍

‍

‍

Solution

After analyzing the existing site and understanding the target audience, we determined that a complete overhaul of the old site was unnecessary. Instead, we proposed creating a new high-conversion landing page. This page was designed to effectively present Global Leathers’ expertise, product range, and brand story, with a focus on addressing the needs and pain points of potential buyers.

Our process began with user research, employing methodologies such as Jobs-to-be-Done and Persona analysis. This enabled us to tailor the landing page structure to provide relevant information in a logical, user-friendly sequence. Using the Untitled UI library, we created a prototype that was reviewed and approved by the employer before moving forward with UI design.

‍

‍

‍

The design phase focused on establishing a premium brand feel. We conducted a comprehensive UI exploration, creating mood boards and selecting references for typography, colors, animations, and layout styles. The resulting concept aimed to convey Global Leathers’ commitment to quality and tradition, using serif fonts and classic italics combined with a palette of pastel coffee tones. Given the limited availability of design assets, we provided detailed guidelines for a photoshoot to produce visuals aligned with the site’s aesthetic.

‍

‍

Once the UI concept was approved, we developed both desktop and mobile versions of the landing page. The site featured smooth text transitions, Lottie animations for branding elements, and parallax effects to create a dynamic user experience. Additional features included animated cursor effects, an interactive drag slider, dropdown animations, and gallery sections.

Technology

• Figma was used for UX/UI design, leveraging the Untitled UI library for prototyping and iteration.
• Webflow was chosen for frontend development, allowing for responsive design and custom code integrations.
• Custom JavaScript, CSS, and HTML were implemented for animations and interactive elements.

‍

‍

‍

Outcome

The new landing page successfully enhanced the digital representation of Global Leathers, creating a more premium experience and effectively addressing user needs. The primary call to action—requesting a leather consultation—was prominently featured, catering to the target audience of interior designers and furniture manufacturers. While marketing campaign results are forthcoming, the landing page is already being used in active promotional efforts, with positive feedback noted from initial launch.