Naszym pierwszym projektem w tym roku była strona koła, na której obecnie się znajdujecie. Przed rozpoczęciem projektowania wyglądu strony chcieliśmy ustalić zawartość strony. Musieliśmy odpowiedzieć sobie na pytania, jakie role ma ona pełnić.
Jako zespół aspirujących projektantów user experience wiedzieliśmy, że musimy stanąć na wysokości zadania i stworzyć przejrzystą i dostępną stronę. Dla części zespołu była to pierwsza okazja do tworzenia makiet i pracy przy implementacji strony. Naszym celem była nauka projektowania stron w praktyce i stworzenie wizytówki koła. Ważna było dla nas ustrukturyzowanie naszego procesu projektowania, więc pracowaliśmy przy pomocy metody Design Thinking.
Pierwszym etapem projektu było zrozumienie potrzeb użytkowników, co pozwoliło nam przenieść naszą teorię w działanie. Przeprowadziliśmy ankietę wśród członków koła i zapoznaliśmy się ze stronami innych kół naukowych.
Każdy z naszego zespołu stworzył makietę Lo-Fi strony i przedstawił reszcie. Na każdej makiecie zwróciliśmy szczególną uwagę na elementy prototypów, które najbardziej nam się podobały i które chcieliśmy uwzględnić na naszej stronie.
Po fazie Lo-Fi nadszedł czas na fazę Hi-Fi. Nasze prototypy tworzyliśmy w Figmie. Zależało nam, żeby nasze projekty były spójne i oddawały cel naszej strony. Każdy z nas stworzył makietę strony mobilnej i desktopowej. Jako bazę do dalszego działania wybraliśmy jeden z naszych projektów, który później iterowaliśmy. Iteracje były trzy, aby upewnić się, że nasza wizja jest spójna z początkowymi celami. Ważne były częste spotkania w fazie makiet Hi-Fi, żeby wzajemnie się motywować.
Dotrzymywanie terminów było czasami wyzwaniem, ale dzięki temu, że byliśmy w stałym kontakcie, mogliśmy się nawzajem wspierać i motywować do dalszej pracy. Praca w zespole była satysfakcjonująca. Ważne było dla nas dawanie sobie feedbacku, żeby stale ulepszać nasz projekt. Zwracaliśmy uwagę, żeby feedback był produktywny i wnosił coś do dyskusji.
Gdy udało nam się ustalić docelowy wygląd strony, przeszliśmy do implementacji. Proces ten był czasochłonny, ponieważ chcieliśmy, żeby nasza strona była dobrym fundamentem na przyszłe projekty i działania.
Podczas implementacji korzystaliśmy z rozwiązań low-code. Zwracaliśmy szczególną uwagę, by nie pomijać tego, jak strona będzie wyglądała na urządzeniach mobilnych. Chcieliśmy, żeby strony wyświetlane na desktopie i urządzeniu mobilnym były spójne, dlatego nie patrzyliśmy na nie jako dwie osobne strony, tylko jedną całość. Braliśmy pod uwagę niuanse np. bardzo szeroki ekran, ponieważ chcieliśmy by strona była w pełni responsywna.
Pomimo wydania naszej strony, wiemy, że to dopiero początek i razem z rozwojem naszego koła, będzie się ona rozwijała. Cieszymy się, że mogliśmy dzielić się wiedzą ze sobą nawzajem i doskonalić umiejętności pracy w grupie.