ibeauty.pl

W tym poście przedstawię bardzo kolorowy portal jakim jest ibeauty (www.ibeauty.pl).



 Logo jest typowo nastolatkowe, litery "i" z "b" tworzą motyla.

 

Na stronie portalu bardzo dużo się dzieje, jest przepełniony informacjami, reklamami i zdjęciami. Mimo to jest czytelny i prosty w nawigacji.

Każdy przycisk menu jest w innym kolorze i tworzy "efekt tęczy".

Artykuły wyróżniają się wielkimi nagłówkami , inaczej zgubiły by się w całości. Całkiem fajnie to wygląda, chociaż można by zwiększyć nieco interlinię.

 

Ciekawie podane okienko na zapisanie się do newslettera i jedna z wielu sond.

 

  Artykuły mają odpowiednią szerokość wersów i podrzędne nagłówki, uwagę przyciągają bardzo dobre zdjęcia.

 

 

 Na stronie znajduję się bardzo rozbudowane forum podzielone na główne kategorie (jak w menu) i podkategorie.

 W całkiem ciekawy sposób jest  zaprezentowana podstrona "o nas". Do każdej z osób dołączone jest zdjęcie i jej odpowiedzi na kilka pytań jak doświadczenie zawodowe. W czytaniu przeszkadzają jednak zbyt szerokie wersy.

uroda.onet.pl

Logo strony (uroda.onet.pl) jest zrobione bardzo prosto, każda główna podstrona onetu ma dodane odpowiednie do nazwy działu logo.

Ilość stron zawartych w menu jest bardzo duża, dlatego musiało być zrobione jak najprościej,żeby każdy mógł szybko trafić tam gdzie potrzebuje.

 Niżej przegląd głównych artykułów wraz z dużymi zdjęciami, zachęcającymi do kliknięcia. Można nawigować za pomocą strzałek.

Niżej są mniejsze zdjęcia do artykułów. Nagłówki od wypełnienia strony są porozdzielane jasnymi liniami, co fajnie segreguje informacje.

Ponadto w panelach po prawej  po kliknięciu na strzałki, można je chować i rozwijać dostosowując do swoich potrzeb.

Stopka jest trochę inna ze względu na to, że jest to tylko podstrona onetu, a nie samodzielna witryna.

Artykuły dzielą się na te, które zawierają mało tekstu i wiele zdjęć, oraz odwrotnie - jedno zdjęcie i sporo tekstu. Można wybrać wielkość wyświetlanych zdjęć i przełączać zdjęcia klikając na duże strzałki po obu stronach zdjęcia.

Artykuł tekstowy jest przerywany tekstowymi reklamami, na szczęście nie są one zbyt uciążliwe i nie przeszkadzają w czytaniu. Dobrze rozwiązana jest szerokość łamu tekstu - pojawia się dodatkowa kolumna z newsami po prawej.

Minusem komentarzy jest to, że nie widać całego wpisu od razu, tylko nie całe zdanie. Dopiero po kliknięciu wyświetla się pełny wpis.

Strona pod względem graficzny jest prosta i  raczej skromna, użytkownik powinien być raczej skupiony na treści strony i zdjęciach, a nie jej wyglądzie. Co nie znaczy, że nie jest ładna.

avanti24.pl

Teraz przedstawię stronę internetową jednego z najbardziej popularnych czasopism o modzie, czyli Avanti (www.avanti24.pl) . Tak samo jak papierowe wydanie, jest ona pełna zdjęć ubrań i dodatków. Ponadto po za podstawowymi informacjami o produkcie można przeczytać opinie, oraz samemu taką wystawić.

Do logotypu z czasopisma dodano "24.pl", oraz niezbyt potrzebne teksty, tym bardziej, że po lewej zrobiło się bardzo ciasno, kiedy po prawej nic nie ma.

Niżej są 3 grupy promowanych produktów w postaci zmieniających się slajdów, a także olbrzymi pasek wyszukiwania, który mimo rozmiarów powinien znaleźć się nieco wyżej na stronie.

Niżej znajduję się bardzo dużo informacji promujących rożne przedmioty, jest także informacja o newsletterze, czy rabatach.

Tak wygląda przykładowy artykuł, większość nie zawiera tekstu, a jedynie (i aż) sporo zdjęć. Pod dużym zdjęciem tworzą się takie małe "galerie",  a przez podwójne obramowanie zdjęcia wyglądają trochę jak obrazy.

W bardzo prosty sposób można znaleźć konkretny produkt. Wystarczy wyszukać poprzez nazwę producenta, tkaninę, kolor, rozmiar, wzór, cenę i kategorię.

Po wybraniu danego przedmiotu widać jak jest oceniany, w jakich jest rozmiarach, jakie ma komentarze itp. Można też podzielić się nim ze znajomym np. poprzez opublikowanie na Facebooku, albo wysłanie e-maila.

Stopka także jest pełna informacji - ważniejsza artykuły, wyszczególnione kategorie menu, linki do partnerów, a także politykę prywatności, czy informacje o reklamach.

Wracając jeszcze do newslettera - po kliknięciu pojawia się strona z tekstem większym od nagłówka, co wygląda strasznie dziwnie.Za to bardzo przydatną funkcją jest zobaczenie przykładowego newslettera, dzięki czemu można dowiedzieć się przed podaniem swojego e-maila, co będzie znajdować się w takiej wiadomości:

Newsletter tak samo jak strona zawiera mnóstwo odnośników do zdjęć i jeżeli będzie ona aktywnie obsługiwana przez użytkowników, stworzy gigantyczną bazę ubrań i wszelakich dodatków wraz z opiniami. Dzięki czemu być może kiedyś kobiety będą przeglądać ubrania w internecie, a w sklepie tylko przymierzać.

gala.pl

Dzisiaj przedstawię elegancki portal jakim jest Gala (www.gala.pl).

Do standardowego logotypu znanego z magazynu dodano kropkę i "pl" takiej samej wielkości jak poprzednie litery. We francuskiej wersji za to ".fr" zmniejszono.

Menu jest proste i czarne, a zakładka w której się znajdujemy dopasowana kolorystycznie do tła logotypu.

Niżej wyświetlanych jest aż 6 wiadomości, każda z dużym zdjęciem i krótkim opisem.

Po prawej można obejrzeć sylwetki gwiazd, po kliknięciu na daną gwiazdę wchodzimy na stronę z jej opisem.

Po przejściu na podstronę konkretnej gwiazdy można obejrzeć jej galerię, przeczytać biografię i przejrzeć artykuły na jej temat.

Na stronie głównej jest też bardzo dużo informacji o artykułach i są on często aktualizowane, dzięki czemu zawsze mamy najnowsze informacje.

Niżej znajduję się bardzo ciekawa chmura tagów, która jest interaktywna i po najechaniu kursorem obracają się szybciej, lub wolniej, co daje efekt trójwymiarowości i pozwala zmieścić więcej informacji na niewielkiej powierzchni.

Stopka podobnie jak góra strony jest czarna, znajduje się na niej właściwie to samo co w menu, podane trochę w inny sposób.

Przykładowy artykuł na duży czerwony nagłówek i  mniejsze pogrubione wprowadzenie, a między nimi zawsze znajduję się duże zdjęcie. Zarówno interlinia podstawowego tekstu jest ok, ale przy pogrubionym już tak dobrze nie jest.

Strona jest prosta i elegancka, zawiera mało kolorów, ale nadrabia to dużymi zdjęciami.

uroda.com

Po krótkiej przerwie zaprezentuję bardzo atrakcyjny graficznie portal www.uroda.com

Logo jest proste, czytelne, szeryfowy krój z dużymi różnicami grubości liter bardzo dobrze sprawdza się przy stronach o urodzie, modzie itp.

 W prawym górnym rogu przyciski do logowania, oraz wyszukiwarka.

 

Niżej pokaz slajdów z najnowszymi artykułami. Każdy reklamowany jest przez duże zdjęcie i krótki opis zachęcający do kliknięcia.

Po prawej stronie informacja o konkursie też z dużym zdjęciem.

3 najnowsze artykuły są także wyróżnione zdjęciem, reszta jest w postaci zwykłych linków.

Niezłym pomysłem są bannery, które reklamują zawartość strony, zachęcają do rejestracji, czy skorzystania z danej usługi.

Na stopce widnieją loga firm przerobione kolorystycznie, żeby pasowały do reszty strony, a także odnośniki do logowania itp. Ciekawe jest zawracanie się do osoby "użytkowniku", albo "profesjonalisto".

Po otwarciu jakiegoś artykułu widzimy bardzo duże nagłówki, a także pojawia się dodatkowe menu z lewej.  Artykuł wygląda ładnie, jest rozróżniony nagłówek, wprowadzenie i tekst, stosowane jest pogrubienie i duża interlinia.

Forum jest jasne i przejrzyste. Jedynie można by rozróżnić nazwę tematu od nazwy użytkownika.

Co ciekawe na stronie rejestracji jest od razu podany regulamin, który trzeba zaakceptować. Zazwyczaj jest to tylko link do regulaminu.

Przy logowaniu można zaznaczyć opcję "Jestem profesjonalistą", dzięki czemu na stronie można promować swoje usługi w zakresie urody.

Ogólnie strona bardzo spójnie zaprojektowana od logo, aż do stopki. Każdy szczegół jest bardzo starannie dopracowany, wystarczy spojrzeć na pola do wpisywania tekstu, czy nagłówki w regulaminie. Bardzo przyjemnie się z niej korzysta i ogląda.