Jak zbudowano formatpixel.com

Jak zbudowano formatpixel.com formatpixel.com to jedna z lepszych sieciowych aplikacji. Poprosiliśmy Jonathana Caplina, jego twórcę, by opowiedział o tym, jak powstawał serwis.

Skąd pomysł na stworzenie formatpixela i co skłoniło cię do jego utworzenia?

Mniej więcej dwa lata temu zaangażowałem się w tworzenie i składanie magazynu, który ukazywał się trzy razy do roku. Po wydaniu sześciu numerów wydawca przeniósł się do Argentyny, toteż zacząłem rozglądać się za sposobami, dzięki którym moglibyśmy zdalnie wydawać następne numery. Wpadłem na pomysł wizualnego edytora, w którym strony mogłyby być edytowane i podglądane. Był dosyć prymitywny, przeznaczony jedynie do własnego użytku.

Moi przyjaciele, także ilustratorzy, w rozmowach ze mną wskazywali na powody swojej frustracji związanej z koniecznością uczenia się HTML-a, niezbędnego do utworzenia serwisu służącego autopromocji. Wpadłem więc na pomysł rozszerzenia edytora, który umożliwiłby użytkownikom wgrywanie własnych plików graficznych. Udostępniając kilku znajomym dostęp do systemu, pracowałem nad wcieleniem pomysłu w życie i wkrótce poszerzyłem koncepcję magazynu o broszury i portfolia.

Wreszcie zacząłem kodować to, co miało stać się formatpixelem. To była cicha praca w ubiegłym roku, bez zbytniej promocji. Dodawałem nowe funkcje z myślą o projektantach, ilustratorach, fotografach i twórcach.

Jak radziłeś sobie z pracami nad formatpixelem? Czy zajmowałeś się nim w wolnym czasie, gdy nie pracowałeś zawodowo?

To bardzo dobre pytanie! Ponieważ formatpixel powstawał ponad rok, pracowałem nad nim w wolnym czasie. Był dobrym sposobem zrównoważenia zawodowych obowiązków, czymś osobistym. System jest bardzo modułowy, co oznacza, że mogę pracować nad poszczególnymi obszarami w tym samym czasie, aktualizować i rozwijać je.

Co miało wpływ na projekt?

Sam projekt i sposób komunikowania się powstały pod wpływem doświadczeń z korzystania z programów DTP, takich jak QuarkXPress oraz InDesign. Ponieważ kierowałem program do innych twórców, chciałem dać im interfejs, w którym czuliby się jak w domu. Uwzględniłem także trendy pojawiające się w internecie. To zabawne, ale pierwszy interfejs był minimalistyczny, z biało-czarnymi ikonami, jednak komentarze i zachęty od ludzi doprowadziły do opracowania obecnego interfejsu.

Strony Tutaj otworzymy funkcję makiety, która pomaga w dodawaniu lub usuwaniu stron oraz aranżacji układu dokumentów. Można zmieniać kolejność ułożenia stron, natomiast edytor w locie tworzy miniatury stron.	Interakcja obiektów Każdy obiekt, który umieścimy na stronie, może być zamieniony w interaktywny przycisk. Gdy już to zrobimy, możemy dołączyć odnośnik do jakiejkolwiek strony w projekcie lub do zewnętrznego serwisu.
Panel właściwości Każdy rodzaj obiektu wyposażono we właściwości. Jak można to tutaj zobaczyć, użytkownik może zmieniać owe właściwości za pomocą ustawień Image Blur, Image Scale, Colour mode, Blend mode oraz Reflection.	Mapa lokalizacji Dzięki nowej Motion map mamy graficzny podgląd synchronizacji obiektów na danej stronie. Każdy obiekt ma swój klucz kolorystyczny, a naprowadzenie wskaźnika myszki nad reprezentujący je kolor wskazuje ich pozycję na stronie.