Ewelina Baturyn - I st. licencjat Sztuki Wizualne
„Osobliwości”/prototyp strony internetowej/portfolio
„Osobliwości”/prototyp strony internetowej/portfolio
Osobliwości to tytuł projektu, którego rezultatem jest strona internetowa
o wyróżniającym się charakterze. Ma ona na celu pokazanie możliwości
w tworzeniu witryn internetowych, przy użyciu prostych i popularnych narzędzi np. figma oraz prostych amatorskich wręcz umiejętności kodowania (lub ich brak), w nadziei,
iż osobliwości otworzą oczy widzowi i zainspirują do poszukiwania nowych rozwiązań zamiast wpisywać się w komercyjną rutynę. W tym celu strona zawiera w sobie grę na zasadzie szukaj i klikaj. Utrzymana w estetyce rozbudowanej
gry w kółko krzyżyk, w której pojawiają się również znaki z gier karcianych, liczbowych oraz szachów. Osobliwości oznaczają rzeczy niezwykłe i oryginalne, a zarazem nieprzewidywalne oraz pozbawione reguł podobnie jak owa ,,gra’’.
Rozgrywka bazuje na ikonach zaprojektowanych na potrzebę strony, które wchodzą w interakcje z użytkownikiem. Ikony są rozmieszczone na początkowo prosto wyglądającej planszy do gry w kółko krzyżyk, zmieniają się po najechaniu na nie kursorem. Zadaniem gracza jest znaleźć trzy serca, jednak za każdym powodzeniem mapa chaotycznie się zmienia i rozrasta.
Gra stanowi zasadniczą część całej aplikacji, jednak równie istotna jest część autorefleksyjna stanowiąca portfolio owego projektu. Poza zagraniem w grę użytkownik może przejrzeć galerię dzielącą się na kolejno trzy podstrony z moodboardami, ikonami i mapą myśli, które opowiadają o projekcie oraz samym pomyśle na stronę. Pozostałe podstrony również zawierają interaktywne elementy, aby trzymać się głównych założeń, a tym samym stworzyć ciekawe i interaktywne doświadczenie przeglądania dla użytkownika.
Od ekranu głównego możliwe jest wybranie opcji O co w tym chodzi?, przenoszącej użytkownika do ogólnego opisu i założenia projektu dostępnego w dwóch językach. Mimo pewnego naruszenia zasad strona ma za zadanie być jasno czytelna tak, aby użytkownik odwiedzający ja po raz pierwszy mógł wiedzieć z czym się spotyka.
Decyzja o realizacji dyplomu w formie strony internetowej została podjęta przez namowę najbliższego otoczenia kandydata do dyplomu. W rozważaniach nad szybko rozwijającą się technologią, web design wydaje się być zajęciem przyszłościowym. Następnie w procesie researchu autor znużony powtarzalnym i komercyjnym wyglądem wielu aplikacji postanowił podjąć wyzwanie, aby stworzyć projekt oparty na równie prostym działaniu, jednak wykorzystujący potencjał prototypownia aplikacji. W konkluzji głównym założeniem projektu jest pokazanie, iż w web designie jest wciąż miejsce na kreatywność, z wykorzystaniem ogólnodostępnych narzędzi i interakcji. W tym celu projekt przyjmuje formę prototypu prostej gry, jako sposób na zaangażowanie użytkownika.
Pomysł na oprawę graficzną powstał ze sporządzonej przez kandydata, wcześniej wspominanej mapy myśli, czyli mapy skojarzeń wychodzących od słowa osobliwości lub osobliwość. W ostateczności powstała estetyka oparta o proste gry, kolory ostrzegawcze, mroczną atmosferę i przede wszystkim pewien chaos odnoszący się również do rozgrywki.
Słowo osobliwości zostało wybrane, jako temat pracy ponieważ zdawał się najwierniej oddawać cechy na, których miała opierać się aplikacja. Inne określenia na rzeczy osobliwe to np.: ekscentryczne, niecodzienne, wyjątkowe, a jednocześnie dziwaczne lub chaotyczne.
Na ostateczną prezentację składają się: film przedstawiający przegląd strony i plansza z utworzonymi w figmie ekranami, z których składa się cały przedstawiony prototyp.
Jak już wiele razy zostało to wspomniane, liczę przede wszystkim na to, iż osobliwości staną się swego rodzaju inspiracją i zachętą do podejmowania wyzwań oraz wykorzystywania potencjału stron zarówno w przy projektowaniu prototypu, jak i faktycznym tworzeniu aplikacji.Ewelina Baturyn
Fotografie z dyplomu: Oleksii Soboliev
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/e29abf6f-ea88-4f45-8cea-708935f2ea13_rw_1920.jpg?h=a2ecc9e3cf3fe1d3f630ce1fb46210ab)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/9c269459-e5e3-40ef-9419-f0eabd5b15cc_rw_1920.jpg?h=cb67a5d63cd8c8085fc1d5e462f53525)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/d288e020-c47e-4dcc-af97-5a091fdd07a3_rw_1920.jpg?h=50fffeb2bd0b256041da024e77ef96c9)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/d262c57e-c8f7-4b1e-aeea-fb52ace40226_rw_1920.jpg?h=52e47b743e7d4e378e859552ce71e983)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/04fc59c6-b59c-438e-bc3d-26bb1d3a72ea_rw_1920.jpg?h=5d65aa7a48b40bbaedffebe74590f8d4)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/ac31a709-6629-4168-b48a-0608d9b0a927_rw_1920.jpg?h=bd9943712146c9b8a896397312d9fd56)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/208b3d5b-5c92-4b54-a59c-c89894bd65dc_rw_1920.jpg?h=ddf4909b9fc136e0e357e358046f5dc1)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/b6ea33ac-ae23-42b8-9c1f-53df4a076b93_rw_1920.jpg?h=5af0f452365155acfd0c6da91a76a2e7)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/ad51f98a-2461-4220-9277-6671ff0b0dfe_rw_1920.jpg?h=7e3988b98f5c1f038e7a591aecfe8188)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/b5c29fa4-1ffc-4a71-b595-fab03ae48aef_rw_1920.jpg?h=e18bac65ab7fd1af54dc3011b7bf2d06)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/e5b7de2b-cb8b-4651-b4d7-1dbe0f480c5e_rw_1920.jpg?h=3b9ab47809f494391da57ad572450459)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/032ed49e-3ee1-432a-b58a-cb16ef4d9c23_rw_1920.jpg?h=a438e4489ed11fdb71e5a46abc5cf506)
![](https://cdn.myportfolio.com/2ada96ff50d53b37c6cf74109085e0c7/55bc4d6d-faa8-4ac8-bb9d-efd131f55945_rw_1920.jpg?h=01bc730b3a471e0033805a6cce5e80de)