Wróć na stronę głównąTermovio to demonstracyjna marka instalatora. Strona zaczyna się od domu w zimowym słońcu. Przewijanie prowadzi kamerę do urządzeń: pompy ciepła, kotła gazowego i kotła na pellet.
Samo zdjęcie pompy ciepła niewiele mówi o firmie, która ją montuje. Chcieliśmy pokazać jej ofertę w kontekście domu i codziennego komfortu.
Dlatego zaczęliśmy od zimowego widoku domu. Dopiero potem przechodzimy do urządzeń, zakresu prac i kontaktu.
Najpierw powstał projekt pierwszego ekranu: dom, znak, kolory, typografia i teksty. Posłużył jako wspólna referencja dla filmu i strony.
Nawigacja, nagłówki i przyciski są osobnymi elementami strony, umieszczonymi nad filmem. Pozostają czytelne i działają niezależnie od nagrania.
Znak, kolor, krój i teksty z jednego wygenerowanego hero.
Bryły w Blenderze i tor kamery od domu do pompy.
Wygląd z generatora wideo, ruch z Blendera.
Film reagujący na przewijanie, z osobną nawigacją i przyciskami.
Generator obrazów zaprojektował widok strony: markę, teksty, kolor akcentu i zimowy dom z pompą ciepła.
Czysta wersja tego samego ujęcia, bez menu i napisów. Sprawdzona przez nałożenie na oryginał: dach, urządzenie i horyzont muszą się pokrywać.
Agent z dostępem do Blendera odtworzył scenę jako proste bryły w realnej skali i ustawił kamerę jak na obrazie. Z tego powstał tor kamery do pompy.
Generator wideo dostał przejazd z Blendera i czysty kadr. Blender odpowiada za przestrzeń i czas, generator za materiał i światło.
Przewijanie przesuwa film klatka po klatce. Przy urządzeniach ruch delikatnie zwalnia, dając czas na obejrzenie oferty.
Zimowa pętla wideo jest rysowana tylko wewnątrz liter słowa CIEPŁO. Reszta sekcji zostaje spokojna i czytelna.
Cztery kroki współpracy przesuwają się w bok, gdy przewijasz w dół: wizyta, dobór, montaż, serwis.
Każdy tekst nad filmem to prawdziwy HTML. Można go zmienić bez renderowania filmu od nowa.
Strona prowadzi od ciepłego domu w śniegu do konkretnego urządzenia, realizacji i kontaktu.
Cały proces opisaliśmy w poradniku. Możesz go powtórzyć dla swojej marki.
