liquiddesign

Atlas · studio produktów cyfrowych

Produkt szyty na miarę, stabilny co do piksela.

Projektujemy i budujemy interfejsy, które nie skaczą: każdy stan widoku ma zarezerwowane miejsce, a typografia płynie od telefonu po projektor. Ten landing jest dowodem – w całości stoi na dziewięciu zasadach Liquid Design.

Studio w liczbach

Liczby, które nie drgają

Wdrożone produkty
48
Mediana CLS na produkcji
0.00
Lighthouse, najsłabszy widok
100
Zapytania w tym tygodniuna żywo
31 408

Licznik po prawej tyka na żywo. Cyfry mają jednakową szerokość (tabular-nums), więc rosnąca liczba nie rusza niczego wokół.

Wdrożenia

Sekcja, którą możesz zepsuć

Te karty naprawdę się ładują: szkielet to ta sama karta, jeszcze bez danych. Przeładuj sekcję albo zasymuluj błąd i patrz na resztę strony – ani drgnie.

Wczytywanie wdrożeń…

E-commerce

E-commerce

E-commerce

Oferta

Trzy sposoby współpracy

Klikalna jest cała karta, nie sam nagłówek, a karty dzieli pełny odstęp. Uniesienie na hover to wyłącznie transform.

„Pierwszy raz odbieraliśmy front, w którym nic nie przeskoczyło między makietą a produkcją. Review trwało godzinę, nie tydzień”.
Marta ZielińskaCOO, Heliotrop

Kontakt

Opowiedz o projekcie

Spróbuj wysłać pusty formularz: komunikaty błędów mają zarezerwowane sloty, więc pola nie podskoczą. Potem przejdź go samą klawiaturą – fokus widać na każdym kroku.

Odpowiadamy w jeden dzień roboczy.

Zbudujesz taki sam.

Ten przykład nie używa ani jednego sztywnego rozmiaru tekstu i ani razu nie mierzy layoutu JavaScriptem. Wszystko pochodzi z dziewięciu zasad i biblioteki wzorców.