ITTI Demo
Porozmawiaj z ITTI Wróć do ITTI Demo
Gramofon SONAR / 01 w granatowej obudowie z płytą o limonkowej etykiecie
Pomiń intro
  1. 01Studio
  2. 02Produkt
  3. 03Detal

Studio projektowe — identyfikacja, digital, motion i 3D

MONO — studio identyfikacji, doświadczeń cyfrowych i ruchu

Nadajemy markom formę i ruch. Od pierwszego znaku po produkt, który można obejrzeć z każdej strony.

Wybrane prace Porozmawiaj z ITTI

Projekt 01 / 03 — SONAR, marka fikcyjna

SONAR / 01

cisza ma swój kształt

Gramofon dla ludzi, którzy słuchają całych płyt. Zaprojektowaliśmy nazwę, bryłę i premierę produktu, którego nie trzeba było fotografować: powstał w całości jako model 3D.

Bryła
Matowy granat, który znika w pokoju
Kolor
Granat i grafit, limonka tylko w akcentach
Obraz
Zdjęcia i strona z tego samego modelu

Detal — talerz, ramię i igła

Dwa ruchy, jedna cisza.

Talerz nabiera tempa. Ramię prowadzi igłę nad płytę i delikatnie ją opuszcza. Jeden przycisk uruchamia cały rytuał. Limonkowa etykieta i detale łączą produkt z identyfikacją SONAR.

Pozostałe prace

Wybrane prace / 03

Trzy marki, trzy rodzaje ciszy.

Każdy projekt zaczynamy od jednego zdania, które ma przetrwać wszystkie formaty. Wszystkie trzy realizacje są fikcyjne i powstały na potrzeby tej demonstracji.

02 / 03

OFFSET

Przesunięcie jako znak.

Identyfikacja festiwalu kultury pobocznej zbudowana na błędzie drukarskim. Dwa kolory, jedna typografia, a każdy nośnik pokazuje pasery lekko obok siebie.

  • Identyfikacja
  • Plakat
  • Program drukowany
  • Social motion

STILLArchitektura ciszy — tom 03

moduł 5:7 kalenica +9,40 7,00
Rys. 1 — elewacja rysowana w module okna 5:7. Jeden wypełniony element na okładkę.
48

Projekt 03 / 03Identyfikacja wydawnictwa

STILL

Książka jak elewacja.

Identyfikacja niewielkiego wydawnictwa o architekturze. Zamiast zdjęć budynków na okładkach jest rysunek jedną kreską, a siatka stron wynika z proporcji okna. Typografia zachowuje się jak detal budowlany: cicho i dokładnie.

  • Znak wydawnictwa
  • Seria okładek
  • Skład książek
  • Katalog online
49

Studio — jak pracujemy

Jeden materiał, trzy kanały.

MONO pracuje na jednej formie: najpierw ustawiamy ją w siatce, potem w przestrzeni, na końcu w ruchu. Wybierz kanał i zobacz, jak zmienia się ta sama kompozycja.

Znak — siatka, z której wszystko wyrasta

Nazwa, znak, typografia i kolor ustawione w jednej siatce. Zasady piszemy tak, by działały na plakacie, opakowaniu i w interfejsie bez tłumaczenia.

Nazwa / Znak / System typograficzny / Kolor / Księga zasad

Przestrzeń — ta sama forma w trzech wymiarach

Produkt, opakowanie albo znak jako obiekt: modelujemy, oświetlamy i renderujemy. Z jednego modelu powstają zdjęcia, animacje i podgląd do obracania w przeglądarce.

Modelowanie / Materiały i światło / Render / Model WebGL

Ruch — forma, która reaguje

Strony, przejścia i animacje projektowane razem z treścią. Ruch ma tłumaczyć kolejność, a nie zasłaniać ją; każda animacja ma wersję spokojną.

Strona / Interakcje / Motion do kampanii / Dostępność

Proces

  1. 01Rozpoznanie — jedno zdanie o marce
  2. 02Kierunek — na prawdziwych nośnikach
  3. 03Budowa — przeglądy na działającej wersji
  4. 04Wdrożenie — pliki i zasady dla zespołu

Kontakt

Karta pomaga ułożyć pierwszą rozmowę. Niczego nie wysyła: wybierz, skopiuj opis i przejdź do kontaktu z ITTI.

MONO / karta projektuDo wypełnienia

Od czego zaczynamy?

01Co projektujemy
02Punkt wyjścia

Brief do rozmowy

Chcemy zaprojektować identyfikację marki dla nowej marki.

Porozmawiaj z ITTI

MONO jest studiem fikcyjnym. Link prowadzi do formularza kontaktowego ITTI.

Case study 01 / 03

SONAR — fikcyjna marka audio

SONAR / 01 — cisza ma swój kształt

Gramofon dla ludzi, którzy słuchają całych płyt. Zadanie: zbudować premierę produktu, który jeszcze nie istnieje fizycznie, tak by wyglądał na prawdziwy przedmiot.

SONAR / 01, widok trzy czwarte z przodu

Dlaczego tak

Większość gramofonów sprzedaje się technicznymi parametrami. SONAR miał mówić o czasie: wieczorze z jedną płytą. Dlatego bryła jest granatowa i matowa, prawie znika w pokoju, a kolor ogranicza się do etykiety i drobnych limonkowych akcentów, takich jak pierścień przeciwwagi — miejsce, którego dotyka się przy każdym ustawieniu ramienia.

Ten sam akcent przeszedł do znaku i strony. Zamiast sesji zdjęciowej powstał model 3D: z niego pochodzą zdjęcia produktowe i interaktywny podgląd na stronie premierowej.

Klient
SONAR (fikcyjny)
Zakres
Identyfikacja produktu, render 3D, strona premierowa z interaktywnym modelem
Rola MONO
Kierunek kreatywny, modelowanie, projekt i wdrożenie strony
Status
Projekt demonstracyjny

Co powstało

  1. Nazwa modelu i znak słowny SONAR / 01
  2. Model produktu z materiałami do renderingu i wersja do przeglądarki
  3. Seria trzech zdjęć produktowych bez fizycznej sesji
  4. Strona premierowa z interaktywnym modelem
  5. Interaktywny obrót produktu i zbliżenia detali
Zbliżenie wkładki, przewodów i ramienia
Detal: wkładka, przewody i wykończenie ramienia.
Tył gramofonu z gniazdami i podstawą
Tył: gniazda i stopy zaprojektowane tak samo starannie jak front.

Model w przeglądarce

Obróć gramofon i przybliż detale. Podgląd 3D wymaga WebGL; bez niego zdjęcia powyżej pokazują produkt w całości.

Podgląd modelu SONAR / 01
Case study 02 / 03

OFFSET — fikcyjny festiwal kultury

OFFSET — przesunięcie jako znak

Festiwal muzyki, druku i rozmów odbywający się w miejscach, które na co dzień są zapleczem: drukarniach, magazynach, podwórkach.

OFFOFFSETSET SETSET 07 Plakat głównyPlakat koncertowyPlakat edycji Każdy plakat ma inne przesunięcie warstw — seria wygląda jak jeden nakład drukowany w pośpiechu.

Dlaczego tak

Festiwal dzieje się na zapleczach, więc identyfikacja też pokazuje kulisy: moment, w którym druk nie trafił idealnie. Przesunięcie dwóch kolorów zastępuje logo — rozpoznaje się je z daleka, a nie wymaga osobnego znaku na każdym nośniku.

Kobalt i koral to dwie farby, które dają czytelny kontrast na tanim papierze i w telefonie. Typografia jest jedna, bardzo duża i ciasna, bo plakaty wiszą obok innych.

Klient
OFFSET (fikcyjny)
Zakres
Identyfikacja, seria plakatów, program, strona, social
Rola MONO
Koncepcja, projekt systemu, przygotowanie do druku, animacje
Status
Projekt demonstracyjny

Co powstało

  1. Zasada przesunięcia warstw jako znak festiwalu
  2. Seria plakatów i plansz miejskich
  3. Program drukowany w formie składanej gazety
  4. Strona z harmonogramem i mapą miejsc
  5. Animowane plansze do mediów społecznościowych
Program Cztery dni, siedem miejsc, wstęp wolny CzwartekOtwarcie w drukarni PiątekKoncerty na podwórku SobotaTargi druku i rozmowy NiedzielaZamknięcie w magazynie 07 07
Program: siatka dni po lewej, numer edycji drukowany z przesunięciem po prawej.
Case study 03 / 03

STILL — fikcyjne wydawnictwo

STILL — książka jak elewacja

Niewielkie wydawnictwo publikujące eseje i monografie o architekturze, która nie krzyczy. Potrzebowało systemu na kilkanaście tytułów rocznie.

STILL Domy, które milczą STILL Próg i światło STILL Rytm podpór Seria: Architektura ciszy — tomy 01, 02, 03 Jedna siatka, jedna kreska, jeden wypełniony element na okładkę.

Dlaczego tak

Okładki architektonicznych książek zwykle pokazują zdjęcie budynku i giną w księgarni. STILL dostał rysunek zamiast fotografii: jedna kreska, jedna elewacja i zawsze dokładnie jeden wypełniony element. Seria rozpoznawalna jest po zasadzie, nie po kolorze.

Siatka stron wynika z proporcji okna 5:7 powtarzanego na każdej okładce. Ta sama siatka steruje katalogiem online, więc książka i strona wyglądają jak ten sam przedmiot.

Klient
STILL (fikcyjny)
Zakres
Znak, seria okładek, layout, katalog online
Rola MONO
Identyfikacja, ilustracje, szablony składu, projekt strony
Status
Projekt demonstracyjny

Co powstało

  1. Znak słowny i zasady jego światła
  2. System okładek z biblioteką rysunków elewacji
  3. Szablony składu esejów i monografii
  4. Katalog online z tą samą siatką co książki
  5. Zasady fotografii wnętrz do materiałów prasowych
Rys. 4 — przekrój przez sień Rozdział 2 Próg jako pomieszczenie
Rozkładówka: rysunek w siatce okna 5:7, tekst w jednej wąskiej kolumnie.