X

LTA WEBSITE DESIGN

Version_001

Homepage

Variable 01

The initial idea was to position the three new logos as the main anchor and focal point of the experience—creating a strong and distinctive presence compared to other record labels in the city. When the new logos were no longer an option, I chose not to abandon the concept, but instead to pivot and preserve its core intention.

This led to Variable 01, an infinite, draggable loop of digital “flyers,” each representing one of the label’s core services: Management, Label, and Show Production.

The Home page remains intentionally minimal yet visually engaging. The flyers are fully flexible and can evolve based on your preferences and creative direction.

Other Variables

Variable 02

Variable 03

Variable 02 explores the LTA logo across three distinct colorways, each one corresponding to a specific service. The color system acts as a visual code, clearly differentiating the services offered. All images are fully interactive and draggable, allowing users to move and position them freely within the space.

Variable 03 introduces an infinite scrolling loop. It follows the same interaction logic as Variable 01, but features a different set of flyers and visual assets.

Main Menu

The website’s main menu is fixed at the top of the screen and remains visible at all times. Overlay pages are designed to open beneath it, ensuring the navigation is never obscured. A subtle underline animation appears on hover, adding a small but intentional interactive gesture for the user.

The menu is intentionally offset in its function and composition. By keeping it minimal while introducing a slight sense of imbalance—placing Lighter Than Air fully to the left—it reinforces the overall revamp and adds a deliberate “off” factor to the interface.

Artist List

Here, you can see how the three service pages function. Users can access each service either through the main menu or by clicking directly on any of the flyers.

When a service is selected, a list of artists is revealed. The chosen typography is designed wide and generous, designed to stand out within an otherwise minimal layout. As users hover over an artist’s name, their image appears in randomized positions across the page, adding movement and visual interest.

Each service page opens to a maximum width of 50%. The remaining 50% is completed by the artist profile, together forming a fully balanced, immersive page layout - please see below

Artist Card

Once an artist page is opened, the remaining 50% of the viewport is activated, completing the layout into a unified, single-page experience. As the right-hand overlay expands, it reveals an artist card.

This card functions as a focused snapshot of the artist and is primarily composed of portrait imagery and visuals tied to recent releases—such as album artwork or single covers. (Let me know if you’d like to include written copy or a short bio for each artist.)

The top bar of the card displays the artist’s name alongside social and streaming links, while the bottom corners provide quick access to contact information and the calendar.

LTA Calendar

This is the calendar page for LTA. It offers two viewing options: users can browse upcoming events in a structured index list, or switch to a grid view.

The grid view presents event posters in the same chronological order as the index, ensuring consistency between both formats. Each poster includes a centered “Tickets” button at the bottom for clear and direct access.

As a subtle interactive gesture, the typography on the index page shifts when users hover over a column—adding a light layer of movement and responsiveness to the browsing experience.

Boutique

This is the Boutique page—designed to be straightforward and clean, continuing the minimal yet visually engaging layout established across the site.

Each product page will include expanded information and additional imagery once the updated visuals have been completed.

Info

The Info page is the only section that fully expands to occupy the entire browser window. It is designed as a pause within the experience—allowing users to stop, focus, and engage with the content without distraction. Navigation is intentionally limited, with the only available action being to close the page.

This page will require updated copy to fully support its purpose and tone.

A Different Option

This was a completely different route that I explored on for a bit. let me know if this one speaks to you guys.

THANK YOU FOR YOUR TIME & I AM SORRY FOR THE LENGHT OF THIS PROJECT BREAKDOWN. I AM LOOKING FORWARD TO YOUR FEEDBACK TO SEE IF WE ARE ALIGNED OR IF WE SCRATCH AND START OVER.