LANDING PAGES

From tools like GemPages to Unbounce, I’ve designed various landing pages. The general objective has been to maximize direct-to-consumer (DTC) conversions, channeling ad-generated traffic seamlessly to the shop page on the website.

As for websites, I’ve used a variety of builders depending on my client’s needs.

SKILL SETS:

  • Conceptualization

  • UX & UI

  • Art Direction

Digital Tools:

  • Figma

  • Unbounce

  • GemPages

  • Website Builders

  • Photoshop

  • Illustrator

Informational Introductions

ALL ABOUT THE PRODUCTS

The landing page, featured above, is designed to showcase the range of seasonings and butters available as part of Golden Steer's pantry subscription.

The page offers a wealth of educational content on these products, including information on their quality, recipe ideas, links to purchase, and details about the brand’s story.

On the right is the mobile version of a separate landing page, pushing an individual product.

The Brainstorming Process

A Collaborative Effort

Whether independent or with a team, my initial step to developing any webpage is to engage in a brainstorming session. Utilizing a physical whiteboard or a digital platform, the most important thing is identifying the primary objective of the page, understanding the buyer persona, and listing all our concepts from educational to UGC assets.

Subsequently, these concepts are easily accessible when constructing the wireframe within Figma.

Planning the layout

MOBILE & DESKTOP

Once aligned on concepts, I proceed to sketch out each landing page. Although this initial phase might is usually on paper, it does get transitioned to Figma, which allows for collaboration among team members and clients. I make sure to draft both the desktop and mobile versions since a significant portion of the traffic generally originates from mobile devices.

Throughout the development process, I also document the available assets and identify any that need to be requested or generated (potentially by me) to ensure a smooth transition when live.

Building and revisions

Getting the page live

Using the wireframe mockup as a foundation, I built each page within Unbounce. Along the way, my teammates and I worked together to refine images, write copy, and make iterative revisions.

After each round, the pages would be tested both on desktop and mobile environments, as they would be connected to TikTok and Meta ads, directing traffic to the e-commerce platform.

Independent Clients

Additional Website Work

In addition to creating landing pages, I have crafted complete websites for a diverse range of clients, including musicians, photographers, and various other creative endeavors.