Dwa dni temu odbyła się w Poznaniu konferencja SparkUp 2010. Tak dużej i tak dobrej konferencji o webdesign’ie/ux/usability/webdevelopmencie (czyli w skrócie o robieniu dobrych stron internetowych) jeszcze nie było. Poziom prezentacji był mega-wysoki (jeżeli materiały będą dostępne gdzieś w sieci to na pewno będzie o tym na blogu).
Z niecierpliwością czekam na SparkUp 2011;)

Trochę fot z imprezy:
http://www.flickr.com/photos/krzysztofdanek/4641397383/in/set-72157624140543220/
http://www.flickr.com/photos/yaili/sets/72157624143845838/

Powstała na deviantart’cie nowa grupa, której celem jest zebranie kolekcji najlepszych przykładów odjechanych stron.
Zapisujcie się;)

Not Found

The requested URL /api/api.php was not found on this server.

Zobacz theCSSAwards.com

Na blogu drawar.com opublikowany został bardzo dobry artykuł o wpływie Smashing Magazine na “społeczność designer’ów”. Podpisuję się pod tezą autora rękoma i nogami.

Projektując strony internetowe trzeba zmagać się z ustawianiem szerokości – zarówno całej strony jak i poszczególnych kolumn. 960 Grid System to inicjatywa, która pozwala przyoszczędzić przy tym czasu.
Zawiera odpowiednio przygotowane “sketch sheet” (czyli kartki do szkicowania z naniesioną siatką), szablony do Photoshop’a i innych programów graficznych oraz snippety z kodem css.
Dzięki tym ułatwieniom możemy o wiele szybciej rozplanować układ strony.
Pakiet szablonów 960 i inne pomocne gadżety można za darmo ściągnąć ze strony http://960.gs

Moje internetowe portfolio (i anglojęzyczny blog zarazem) BlackMoon Design została nominowana do nagrody Best WordPress Design award w kategorii Retro&Vintage w konkursie organizowanym przez WPWebHost.
Przyznanie nagrody zależy od ilości zdobytych głosów – tak więc mam do Was prośbę – jakbyście mogli poświęcić 10 sekund na głosowenie – będę zobowiązany ;)
Zobaczyć nominowane strony (oraz zagłosować) można tutaj.

Poniżej mały zbiór projektów z wykorzystaniem zdjęć z tego samego źródła.

http://www.bizcard.com/

Magazyn .PSD (to w sumie już lekki obciach jest)

www.enjoyitalia.org

Translatica Premium 4.0

http://contino.com.pl/

Oliwia nr 11/2008

http://www.griffith.edu.au/

BlueHost

Jak macie więcej przykładów wykorzystania tego zdjęcia – piszcie w komentarzach.

Po pierwsze – nie mam zamiaru nabijać się z n00b’ów. Każdy się kiedyś uczył – i to, że 15-latek zrobił złą stronę swojej szkoły – no cóż, może kiedyś zrobi lepszą.
Nie chcę też piętnować małych firm i osób prywatnych – nie każdego stać na dobrą stronę (mimo, że aż tyle to nie kosztuje i zdecydowanie dobra, ładna strona to najtańszy i najbardziej skuteczny marketing).

Podarowałem sobie również zamieszczanie na tej liście stron instytucji i organizacji publicznych – to by było za proste (w Poslce praktyką jest to, że każda strona z .gov w domenie jest koszmarnie brzydka. Cóż – robią je “informatycy” z doktoratem z c++ – i przy całym dla nich szacunku, na robieniu stron znają się mniej więcej tak samo jak hodowli drobiu).

OK, w takim razie co się w tym rankingu 10 najbrzydszych znajdzie?
Strony dużych (żeby nie powiedzieć wielkich) firm, które zdecydowanie mają budżet na dobrą stronę (część z nich reklamuje się w telewizji), ale z niewiadomych powodów zdecydowały się na opublikowanie wyrobów stronopodobnych.

Ok – to jedziemy z listą 10 najbrzydszych stron w polskim internecie:

Miejsce 10
Astra.com.pl
Bo istnieje milion kreatywnych pomysłów na layout o kawie – i żadnego nie wykorzystali.

Miejsce 9
Samiswoi.pl
Za całkowity brak pomysłu na layout i uznanie rolloverów za nieistotne.

Miejsce 8
Allianz.pl
Głównie za menu obrazkami bez totalnie żadnego rollovera i za tragiczne tło.

Miejsce 7
Wella.pl
Za absolutny brak layout’u i błąd 400 za próbę wejścia na stronę bez przedrostka www.

Miejsce 6
Debica.com.pl
Za totalnie nieczytelne menu.

Miejsce 5
Profi.net.pl
Za całokształt.

Miejsce 4
Chylinska.com/
To miesjce mnie osobiście dotknęło.
Jak się robi taką zajebistą muzę, to nie można mieć takiej kijowej strony!

Miejsce 3
Poznańskie Centrum Komputerowo-Sieciowe
Bo super moc obliczeniowa to nie wszystko.

Miejsce 2
Mlekovita.com.pl
Bo wrzucanie zdjęcia groźnego prezesa polewającego mleko w headerze to nie jest dobry pomysł.
(dobrze, że się nie uśmiecha;). Plus menu we flashu.

Miejsce 1
Ciszak.com
Absolutnie, bezapelacyjnie, niepodzielnie najbrzydsza strona w polskim internecie.
(żeby nie było, że to small-business – optyk Ciszak ma w Poznaniu kilka salonów z ekskluzywnymi okularami).

Pozdrowienia dla Ahimsy – dzięki za cynk;)

Jeżeli ktokolwiek poczuł się urażony opublikowaniem na tej liście – w ramach przeprosin bardzo chętnie zaprojektuję dla niego porządnie wyglądającą stronę.

(głównie dzięki stumbleupon). Odpuściłem sobie wielkie korporacje z gigantycznymi budżetami – ta lista to strony zachwycające wyłącznie poprzez talent swoich twórców.

Jeżeli uważasz, że jakiejś wyjątkowej strony brakuje w tym zestawieniu – dorzuć ją w komentarzach.

Web Designer Wall
http://www.webdesignerwall.com

Świetny blog o webdesign’ie. Mnóstwo tutoriali, porad i źródeł inspiracji.
Zdecydowanie warte przeczytania.
Co do samego wizerunku strony – wyjątkowo ekspresyjny i kolorowy header, jednak mimo tak dużego obłożenia grafiką strona pozostaje łatwa w nawigacji i dość szybko się ładuje.

FistiCuffs Design Co.
http://fisticuffdesign.com/

Strona firmy projektowej z Florydy. Wyjątkowo orgyginaly pomysł na koncepcję strony.

Aviary
http://a.viary.com/

Layout strony jest niezły, ale to co oferuje może okazać się jeszcze ciekawsze. Aviary to zestaw aplikacji online dla projektantów graficznych i programistów. Zapowiada się super.

Elitist Snob
http://www.elitistsnob.com

Niezgorszy blog Kenta Pribbernow – projekt strony jest zabawny i ciekawy.

Radiant Plumbing
http://radiantplumbing.com/

Najbardziej kreatywna strona firmy hydraulicznej jaką widziałem. Klient wykazał się w tym przypadku wyjątkową odwagą – co moim zdaniem wyjątkowo się opłaciło. Zazwyczaj firmy nie lubią wychylać się z bardziej wyszukanymi kreacjami i trzymają się nudnych, klasycznych standardów. Radiant Plumbing podjęło ryzyko, co wyjątkowo się opłaciło.

Legendary Aircraft
http://www.legendaryaircraft.hu/

Węgierska strona firmy, która zajmuje się odrestaurowywaniem samolotów z okresu II Wojny Światowej. Projekt strony jest na wysokim poziomie – wprowadza wyjątkowy, odpowiedni do tematyki klimat.

I Love Typography
http://ilovetypography.com/

Nie jestem wielkim fanem typografii – ale ta strona to prawdziwa perełka. Jeśli nawet szczątkowo interesujesz się typografią – zdecydowanie warto odzwiedzić tą stronkę.

Cabedge
http://www.cabedge.com/

W sumie w tej stronie nie ma niczego niezwykłego – ale ogólne wrażenie jakie tworzy jest ekstra. Po prostu czysta, elegancka strona, gdzie intuicyjnie się poruszasz. Ponadto mają jeden z najepszych tekstów na stronie jakie czytałem (zdecydowanie nie znajdziesz tam zwyczajnego oklepanego tekstu).

Koder
http://www.koder.cz/

Strona kodująca strony interentowe naszych południowych sąsiadów. Cała idea działania firmy zawarta jest w trzech prostych obrazkach – koncepcja warta uznania.

Element Fusion
http://www.elementfusion.com/

Agencja interaktywna z Ohlahomy. Dość tradycyjny layout, ale widać, że ekipa Element Fusion odwaliła kawał porządnej designerskiej roboty.