--- title: "Autorski grid w portfolio artysty. Case study UX | Sweet Lava" description: "Jak ubrać abstrakcyjną sztukę w funkcjonalny interfejs? Zobacz wdrożenie strony oparte na elastycznej siatce, przemyślanej typografii i niestandardowym CMS." url: https://sweetlava.eu/pl/projekty/sebastian-wywiorski-projekt-i-wdrozenie-strony-wizerunkowej/ lang: pl alternate_en: https://sweetlava.eu/en/work/sebastian-wywiorski-artist-portfolio-website/ --- Branża kreatywna # Sebastian Wywiórski – projekt i wdrożenie strony wizerunkowej Jak ubrać abstrakcyjną sztukę w funkcjonalny interfejs? Zobacz wdrożenie strony opartej na uniwersalnym gridzie. Antonina Jasińska ·Piotr Sember ·dr Katarzyna Cichecka ![wnętrze pracowni, mężczyzna trzyma w rękach iPad i patrzy na stronę Sebastiana Wywiórskiego](https://cdn.sanity.io/images/pgdlccfz/production/b5cd7bc3e1dc9f1d905c00789f017da92f3516ef-3661x2067.png?w=1600&q=90&auto=format) Kontekst Realizacja strony wizerunkowej dla Sebastiana Wywiórskiego wymagała stworzenia cyfrowego środowiska dla sztuki, która bezustannie wymyka się klasycznym definicjom. Wywiórski to artysta interdyscyplinarny, niezwykle płynnie łączący tradycyjne malarstwo sztalugowe z elementami mechaniki, a także obiektami kinetycznymi. Dodatkowo jego szeroki obszar działań wizualnych obejmuje rozbudowane instalacje przestrzenne, działania typu performance czy wreszcie eksperymentalny videoart. Zbudowanie użytecznego interfejsu dla tak wszechstronnego portfolio wiązało się z koniecznością zaprojektowania layout’u, który z jednej strony zachowa swój mocny charakter, a z drugiej pozostanie jedynie tłem, eksponującym te różnorodne realizacje. Wyzwanie Zasadniczym wyzwaniem w tego typu nieszablonowych realizacjach jest sprostanie specyficznym wymaganiom twórcy. Artysta z reguły posiada doskonale rozwinięty zmysł estetyczny, co sprawia, że z pewnością nie zadowoli się standardowym, tradycyjnym układem wizualnych treści. Praca dla takiego klienta prawie zawsze zmusza nas do ciągłego poszukiwania, łamania utartych schematów oraz graficznych eksperymentów. Równocześnie musimy nieustannie pamiętać o twardych realiach finansowych. Budżety w sektorze kultury bywają mocno ograniczone, dlatego każdy proces to trudna sztuka mądrego kompromisu. Naszym absolutnie nadrzędnym celem było stworzenie unikatowego projektu, który skutecznie uporządkuje to, co z założenia bywa niezwykle ulotne i “nieporządkowalne”. ![Widok strony home z projektami Sebastiana Wywiórskiego ](https://cdn.sanity.io/images/pgdlccfz/production/32ed907fa3756f4a0b22b6f075f68d16666ada95-4269x2401.png?w=2000&q=90&auto=format) Widok strony home ## Współpraca Nierzadko realizujemy zlecenia wspólnie z innymi doświadczonymi projektantami. Ten konkretny projekt opracowaliśmy wspólnie z doktor Katarzyną Cichecką. To właśnie ona zaproponowała wprowadzenie do layoutu mocnej, przerysowanej typografii. Duże litery świetnie dopełniają czystą fotografię, doskonale balansując na granicy wypełnionej przestrzeni oraz graficznej pustki. W toku wspólnych analiz, prowadzonych w stałym dialogu z Sebastianem Wywiórskim, doszliśmy do ważnego wniosku, że funkcjonalnym krokiem będzie wdrożenie trybów dark oraz light mode. ![wystawy Sebastiana Wywiórskiego – widok strony w wersji light mode](https://cdn.sanity.io/images/pgdlccfz/production/34966523381712350f6ee5708d870c10ba184779-3211x2401.png?w=2000&q=90&auto=format) Light mode ![widok dark mode strony Sebastiana Wywiórskiego](https://cdn.sanity.io/images/pgdlccfz/production/91f8874cd5d2459f3cb483fe10af4a362549a131-3211x2401.png?w=2000&q=90&auto=format) Dark mode ## Grid i architektura CMS Technologicznie cała strona opiera się na popularnym systemie WordPress, jednak kluczową kwestią było zaprogramowanie samego gridu. Za ten obszar prac odpowiadał Piotr Sember, który wnikliwie opracował logikę modułów CMS. Zbudował on intuicyjne narzędzie, dzięki któremu można swobodnie tworzyć kolejne podstrony, zachowując całkowitą elastyczność. Prace artysty układają się za każdym razem w odrobinę inną, asymetryczną kompozycję. Ten inteligentny grid był konieczny, ponieważ Sebastian dysponował bardzo różnorodnymi formatami materiałów filmowych oraz zdjęć. Dzięki precyzji wdrożenia niczego nie musieliśmy sztucznie przycinać, zachowaliśmy wierność materiałom wyjściowym i porządek na wszystkich podstronach z portfolio. ![laptop ustawiony na niebieskich krzesłach, na ekranie podstrona (Wy)twórczość ze strony Sebastiana Wywiórskiego w trybie dark mode](https://cdn.sanity.io/images/pgdlccfz/production/4d1ab335de4d9162b91a9523a8497645586ef7af-5008x2828.png?w=2000&q=90&auto=format) jeden z kluczowych widoków ### Rezultat Projektowanie dla wymagających twórców pozwala nam w praktyce testować elastyczność i odporność naszych rozwiązań technologicznych. Stworzyliśmy w pełni skalowalny, cyfrowy produkt, który bez najmniejszego problemu obsługuje niestandardowe proporcje kontentu, zachowując przy tym precyzję zaprojektowanego gridu. Takie realizacje bardzo trafnie udowadniają, że potrafimy z wyczuciem ująć nawet abstrakcyjne wizje w ramy użytecznego interfejsu. Dodatkowo, dobrze zaprojektowany i przemyślny layout jesteśmy w stanie wdrożyć niewielkim kosztem finansowym zachowując przy tym oryginalność, funkcjonalność i użyteczność strony www. ## Powiązane usługi - [Projektowanie i tworzenie stron internetowych](https://sweetlava.eu/pl/uslugi/strony-internetowe/) - [Audyt UX i projektowanie UX/UI](https://sweetlava.eu/pl/uslugi/ux-ui-ax/) ## Powiązane projekty ![iPhone z widokiem strony ars projekt leżący na betonie ](https://cdn.sanity.io/images/pgdlccfz/production/e2ca41de26933e167c7b195b89a9d42e005987b4-3600x2025.png?w=1600&q=90&auto=format) Usługi / Branża projektowa ### [ Ars Projekt – strona wizerunkowa oraz wdrożenie dla krakowskiego biura architektonicznego ](https://sweetlava.eu/pl/projekty/ars-projekt-strona-wizerunkowa-oraz-wdrozenie-dla-krakowskiego-biura/) Dla pracowni Ars Projekt zaprojektowaliśmy i wdrożyliśmy w pełni autorski motyw WordPress, którego przemyślana architektura informacji służy jednemu: wyeksponowaniu imponującego dorobku krakowskiego architekta Romana Szczypuły ![Logo Sinfonietty Cracovii w negatywie na czerni](https://cdn.sanity.io/images/pgdlccfz/production/13d53441677cf07f2c595ac4eb58b2838dd2718b-2400x1351.jpg?w=1600&q=90&auto=format) Kultura ### [ Sinfonietta Cracovia – nowe logo i identyfikacja orkiestry ](https://sweetlava.eu/pl/projekty/sinfonietta-cracovia/) Nowy znak Orkiestry Stołecznego Królewskiego Miasta Krakowa: batuta przecinająca krąg, księga znaku oraz identyfikacja siedziby. Od 2019 roku ten system spina ponad 50 projektów, które zrealizowaliśmy dla orkiestry. Blog ## Powiązane artykuły Development ### [ Strony internetowe Kraków – jak wybrać wykonawcę i ile realnie zapłacisz? ](https://sweetlava.eu/pl/blog/strony-internetowe-krakow-jak-wybrac/) Krakowski rynek stron internetowych to wszystko od szablonów za 1300 zł po serwisy za 150 tysięcy. Podpowiadamy, jak porównywać oferty, o co pytać agencję i kiedy lokalność wykonawcy ma znaczenie. Czytaj artykuł → Development ### [ Redesign strony internetowej bez utraty pozycji w Google – przewodnik po migracji ](https://sweetlava.eu/pl/blog/redesign-strony-a-seo/) Nowa strona nie musi oznaczać spadków w Google. Pokazujemy, jak przygotować audyt adresów, mapę przekierowań 301 oraz monitoring po starcie, krok po kroku. Czytaj artykuł → Development ### [ Ile kosztuje strona internetowa w 2026 roku? Realny przewodnik po cenach ](https://sweetlava.eu/pl/blog/ile-kosztuje-strona-internetowa/) Od 3 000 zł za prostą wizytówkę po 100 000+ zł za rozbudowany serwis. Wyjaśniamy, co naprawdę składa się na cenę strony internetowej i jak czytać wyceny agencji. Czytaj artykuł → Development ### [ Core Web Vitals i wydajność strony – dlaczego szybkość sprzedaje ](https://sweetlava.eu/pl/blog/core-web-vitals-dlaczego-szybkosc-sprzedaje/) Wolna strona traci klientów dwa razy. W Google (niższe pozycje) i po wejściu (porzucenia). Wyjaśniamy wskaźniki LCP, INP i CLS oraz jak realnie je poprawić. Czytaj artykuł → ## Powiązane pojęcia - [CMS i headless CMS](https://sweetlava.eu/pl/slownik/cms-headless-cms/) - [Core Web Vitals](https://sweetlava.eu/pl/slownik/core-web-vitals/) - [Responsive design i mobile-first](https://sweetlava.eu/pl/slownik/responsive-web-design/) - [SEO](https://sweetlava.eu/pl/slownik/seo/) ## Masz pomysł? Porozmawiajmy. Opowiedz nam o swoim pomyśle, a my doradzimy najlepszą drogę od koncepcji do działającego produktu. [ Napisz do nas ](https://sweetlava.eu/pl/kontakt/)