Buttons Lab
2022
UX Design · UI Design · 2022
Role: Product Designer
The landing page hero — a 3D conical flask, because the agency is a lab where web3 products get cooked.
About the Project
In mid-2022 I designed a landing page for Buttons Lab — a design agency that helps early-stage and Series A web3 companies build and scale their products. The brief: showcase their portfolio work and team to attract new clients.
I was specifically asked to go crazy with the design, while keeping in mind that the main goal was to communicate the agency's capabilities and look different from other agencies.
Process
To achieve this goal I conducted extensive research on the latest design trends and best practices because the design needed to stand out and still highlight the quality work that Buttons Lab produces for its clients.
The pages include past projects, services offered, process, team members and a clear call to action for visitors to get in touch.
Proof of work — past projects presented as evidence, not decoration.
Home
I illustrated a conical flask (Buttons LAB), just a depiction that the agency is also a lab where web3 products are cooked. And the whole 3D vibe was to give the feel that everything was laid out on the lab table — at least the important stuff.
The home page top to bottom — hero, work, services, process, team, contact.
Services
Services — each offering gets its own 3D prop from the lab.
Team
The team section — faces first, because agencies are people.
Mobile View
The mobile pass — the 3D scenes reflow into a single column.
Development & Animation Guide
This is a guide I created to provide the developer with all the necessary information to accurately implement the design of the landing page. It includes details on the layout, functionality, and animations. It's to ensure that the developer has a clear understanding of the design vision.
The handoff guide — layout, functionality and animation specs for the developer.