Czas na zmiany. Nowy wygląd bloga!

Zmiany planowałem już od początku roku, ale jak to bywa – dla siebie zaprojektować najtrudniej. Każdego miesiąca wykonuję projekty dla klientów, ale zrobienie własnego to jakaś katorga.

Jestem swoim najtrudniejszym klientem. Zanim opowiem Wam o nowym wyglądzie, przenieśmy się w czasie i zobaczmy, jak zmieniał się blog na przestrzeni lat.

2008 r. – pierwsza wersja

Pierwsza wersja niestety się nie uchowała. Sam z resztą nie bardzo ją pamiętam, bo ciągle eksperymentowałem z wyglądem. Efektem kombinacji była następna skórka.

2009 r. – druga wersja

Wersja ze słodką truskawką : )  Darmowy theme, który w sumie nadal wygląda całkiem w porządku. Nie był jakiś szałowy, ale był prosty i przejrzysty.

Screenshot at lip 06 20-46-37

2011 r. – trzecia wersja

Trzecia skórka była moim projektem. Ogarniałem już Photoshopa i zdecydowałem się stworzyć coś własnego, co sprostałoby moim wymaganiom. Design był nieskomplikowany i wpisywał się w ówczesne trendy blogosfery.

Za czasów tej skórki nastąpił największy rozwój Życie Jest Piękne. Finał w konkursie Blog Roku 2011, wyjazd pociągiem do Chin, podczas którego wpadło tutaj dużo osób, wzrost statystyk i rozpoczęcie etapu „świadomego pisania”.

zjp-2011

2013 r. – czwarta wersja

Czwartą wersję projektowałem bardzo długo, ale ostatecznie odpuściłem. Nie umiałem zrobić designu dla siebie, więc zleciłem to znajomemu grafikowi. Lubiłem ten wygląd i był ze mną bardzo długo. Nadal uważam, że jest ładny i gdyby nie aspekty techniczne, to myślę, że nadal bym z niego korzystał.

Screenshot at lip 06 20-49-44

2015 r. – piąta wersja

No i mamy zmiany. Dlaczego się na nie zdecydowałem?

  •  Największą wadą poprzedniego designu było to, że nie dało się przypiąć na samej górze „najlepszych wpisów”. Dobre teksty spadały na sam dół, trafiały do archiwum i ciężko je było odnaleźć. Teraz tematy i projekty, które są dla mnie istotne, mogę podpiąć na górze tak, że będą widoczne przez dłuższy czas.
  • Jak wejdziecie na stronę główną, to zobaczycie, że jest coś takiego jak „Polecane / Temat Miesiąca”. Chcę umieszczać tam wpisy (lub całe serie), które będą takim istotnym dla danego okresu zagadnieniem. Właśnie tego brakowało mi w starym wyglądzie. Może da mi to motywację do skończenia wreszcie cyklu Pieniądze na tripa?
  •  Urządzenia mobilne. Poprzedni wygląd działał na mobilach, ale miał sporo wad i niedociągnięć, nowy jest pod tym względem bardziej dopracowany. Myślę, że jest to naprawdę istotna kwestia, sam często przeglądam inne blogi w telefonie komórkowym.

wizualizacja_blog

Nowy design to nowa energia

Potrzebowałem zmiany. Po prostu raz na jakiś czas trzeba wprowadzić trochę świeżości. Nowy wygląd to nowe możliwości i wreszcie szansa na niektóre projekty, które planowałem od dłuższego czasu, a których nie wprowadzałem, bo ograniczał mnie design strony.

Przykładowo, chcę wprowadzić nowy typ tekstów – przewodniki. Będę w nich umieszczał praktyczne informacje na temat miejsc, które odwiedziłem. Każdego tygodnia dostaję kilka maili odnośnie różnych krajów, ciągle odpowiadam na te same pytania (np. dotyczące kolei transsyberyjskiej), dlatego chciałbym stworzyć na blogu dział, w którym opiszę wszystko co się da – w ciekawej i atrakcyjnej formie.

Pomysłów jest dużo więcej i na pewno będzie ciekawie.

Za zakodowanie wyglądu, cierpliwość i własne pomysły dziękuję Marcinowi. Marcin kodował każdą z trzech wersji bloga, więc również miał wpływ na to, jak blog się rozwijał.

Na pewno jeszcze pojawią się jakieś błędy, więc jeżeli coś zauważycie, to dajcie znać mailem. Wciąż będę testował, w najbliższych tygodniach wprowadzimy jeszcze drobne zmiany.

Przyszło nowe – będzie fajnie : )

Jak Wam się podobają zmiany?

KOMENTARZE CZYTELNIKÓW

  • Zmiana wyglądu na plus ;) Z tego co mi osobiście brakuje na pierwszy rzut oka to po kliknięciu w logo po lewej stronie u góry nic się nie dzieje… fajnie jak by przekierowało na główną stronę (chociaż to może moje takie przyzwyczajenie) ;)

  • Dobre zmiany. Czysto, estetycznie. Podoba mi się.

  • Świetny wygląd! :) Bardzo nowoczesny, przejrzysty i intuicyjny :)

  • Grzegorz

    Wygląd jest świetny, ale nie potrafię się połapać co gdzie jest.
    Gdzie jest główny blog? Gdzie są polecane wpisy? Gdzie nowości? Dlaczego jakiś jeleń rozciąga się na całą stronę?

    • Na samej górze są wpisy „polecane” czyli takie lepsze. Ostatnio dodane wpisy wyświetlają się niżej, za jeleniem. Dlaczego tak? Bo wychodzę z założenia, że stali czytelnicy trafiają i tak najczęściej bezpośrednio do nowego wpisu (przez Feedly czy Facebooka). Na stronę główną trafiają ludzie nowi. Zauważyłem w statystykach, że dużo osób, które wchodzą pierwszy raz, zaraz wychodzą bo najnowszy wpis na samej górze nie był dla nich wystarczająco atrakcyjny, aby kliknąć i przeczytać dalej. Teraz, gdy ktoś wchodzi to widzi moje najlepsze w ostatnim czasie wpisy. Widzi fotki i nagłówki – Mont Blanc, Barcelona, Filmy z podróży – od razu kmini o czym jest blog i czym ten gość się zajmuje.

      Co do „jelenia” to wymyśliłem to tak, że jest to miejsce na wyjątkowe perełki, wpisy nad którymi dłużej pracowałem itp. Nie chcę żeby one zniknęły po 2 tygodniach ze strony głównej i żeby nikt tam nie wchodził. Chcę się tym chwalić stąd takie miejsce.

      Ale dzięki za cenną uwagę. Mam pomysł jak rozwiązać to :) Spróbujemy na cookies zrobić odznaczenia, który wpis został nowo dodany od czasu ostatniej wizyty użytkownika :)

      • Grzegorz

        Teraz już wszystko jasne. Dzięki! :)
        Strategia świetna i ciekawi mnie jakie będą efekty. Powodzenia i sukcesów!

  • irdainaction

    bardzo podoba mi się Twój blog w nowej szacie! teraz pewnie dzięki zmianą eksplorować jakieś starsze posty, niemniej ciekawe niż te najnowsze. Osobiście bardzo urzekło mnie kręcące się logo po najechaniu na nie – mała rzecz a cieszy :D

    podoba mi się to Twoje podejście do uporządkowania … może dzięki Tobie i ja przemyślę swojego bloga? :D Dzięki!

  • Zmiana na plus! Chociaż poprzednia szata graficzna też była fajna i przejrzysta to czas najwyższy na zmianę. Zachowałeś podobny klimat, ale przyszło trochę nowej energii!
    Zastanawia mnie tylko jedna rzecz – dlaczego na głównej stronie jedne wpisy mają tag „zdjęcia” a inne „galeria”. Rozgraniczasz to jakoś? :)

    • Słusznie. Za długo nad tym siedziałem i nie zauważyłem. Dzięki : )

  • Bardzo mi się podoba, choć i poprzednia wersja dla mnie wizualnie była również fajna. Czekam na serię przewodnikową. To bardzo dobry pomysł. :)

    • No, poprzedni wpis też zły nie był, ale już nie dawał mi motywacji do tego, żeby robić ciekawe rzeczy na blogu. Teraz jest nowa energia! :)

  • Ireneusz Gabryś

    Ale super! W poprzednim wyglądzie bardzo lubiłem pomysł z dużym obrazkiem po prawej. Ale teraz przeglądanie bloga stało się zdecydowanie wygodniejsze na urządzeniach mobilnych :D Zauważyłem tylko problem z wtyczką sieci społecznościowych. Jak trzymałem telefon poziomo to wtyczka przysłaniała mi menu i komentarze.

  • Ireneusz Gabryś

    Ale super! Teraz przeglądanie bloga stało się zdecydowanie wygodniejsze na urządzeniach mobilnych :D Zauważyłem tylko problem z wtyczką sieci społecznościowych. Jak trzymałem telefon poziomo to wtyczka przysłaniała mi menu i komentarze.

    • No z tą wtyczką jeszcze działam, sam nie jestem do niej przekonany. Zobaczymy co z nią wymyślę :)

  • Megaprofesjonalnie! Super!

  • Bardzo ładny design, poza tymi sticky pierdołami :) Latające social ikonki są brzydkie i nachalne, a menu górne mogłoby się chować podczas przewijania w dół, a pojawiać przy przewijaniu w górę (sprawdź natywne zachowanie przeglądarek w urządzeniach mobilnych). Poza tym jeśli już wspierasz RWD to warto pomyśleć o optymalizacjach, np. konkatenacji CSS/JS oraz responsive images – dla przykładu ta podstrona zjada 2 MB, a nie jest jakoś szczególnie multimedialna :)

    PS no dobra, na naszym blogu każda podstrona waży 10 MB i tylko się mądrzę :) Też od roku planuję przebudować projekt, ale słaby ze mnie designer i zawsze to odkładam na potem.

    • Dzięki za cenne wskazówki. Z tym social media ikonkami to nadal zastanawiam się co z nią zrobić bo faktycznie obecne rozwiązanie nie do końca mi pasuje. Ciężka sprawa bo z jednej strony chce żeby było nieinwazyjnie itp. ale z drugiej strony blog ma rosnąć :)

      Na pewno nad tym jeszcze popracujemy. Chciałem już go puścić, bo ulepszać można w nieskończoność ;)

      • Wystarczy dać możliwość szerowania nad lub pod artykułem. Jeśli ktoś chce dalej udostępnić to właśnie tam będzie szukał, a jak nie chce to żadne sticky elementy czy nawet modal go nie przekonają :) Tak robi choćby medium.com (np. https://medium.com/google-developers/javascript-application-architecture-on-the-road-to-2015-d8125811101b), a jak zapewne widziałeś, każdy i tak szeruje bo wartościowe.

        Iteracyjne podejście do projektów i eXtreme Programming zawsze spoko!

        • Tak też zrobię. Wywalamy summoMe po lewej, które też waży, damy szerowanie pod wpisem + w sidebarze linki do profili Social media. Dzięki!

  • uzytkownik

    Fajnie zmieniająca się wielkość logo:) Jednak stary wygląd jakoś bardziej do mnie przemawiał, wydawał się bardziej oryginalny przejrzysty. Obecny jest podobny do większości blogów, ale ogólnie Ładnie:)

    • Przyzwyczaisz się :) Zawsze jest trudno na początku

  • Teraz życie jest piękniejsze ;)

  • Woow, super- moim zdaniem świetnie pasuje do całej wizji Twojego bloga mimo że będę się uczyć go od nowa. Ja trafiłam po raz pierwszy tutaj z wyglądem numer cztery i zostałam :)

  • nic się nie dzieje

    Super, blog wygląda teraz bardzo dobrze :) doskonale rozumiem energię przychodzącą z takim ‚sprzątaniem’, bo sam dosłownie kilka dni temu zmieniłem design u siebie :) i bardzo dobry pomysł z przewodnikami, trzymam kciuki!

  • Joanna

    Zmiany jak najbardziej na plus :D

  • Maciej

    Ładny :-) Jakich technologii używasz do tworzenia front-endu? :) Pozdrawiam

    • Front end zlecony zewnątrz. Sam nie koduje ;) Ja robiłem grafikę.

  • Kajetan

    Do oglądania poprzednich wersji stron przydaje się Wayback Machine.
    Czy to wersja Twojej strony z 2. stycznia 2009? :)

    http://web.archive.org/web/20090102011852/http://zyciejestpiekne.eu/

    • Screenshoty robiłem z Waybacka ;) Widziałem tą wersję tylko widzisz – w tym przypadku (pierwszej wersji bloga) wayback zarchiwizował tylko treści. Nie ma w ogóle grafik :(

      • Kajetan

        A, ok :)
        Myślałem, że wtedy strona tak wyglądała :P

  • Bartek

    Swietna robota!
    Blog wyglada bardzo przejrzyscie i nowoczesnie :)

  • Przejrzysty. To podstawa. Minus, że wygląda jak jeden z tysięcy szablonów na WP. Ani ziębi, ani grzeje. Równie dobrze ten szablon mógłby pasować do bloga o inwestowaniu na giełdzie. Puść wodze fantazji :)

  • Jest OK, kręcące się logo jest słodkie :D To prawda że odświeżenie wyglądu bloga daje wielkiego kopa do prowadzenia go :)

Przeczytaj poprzedni wpis:
Same Dobre Rzeczy #12