Krytyka projektowania stron internetowych # 51: Brush Lovers

Co tydzień przyglądamy się nowej stronie internetowej i analizujemy projekt. Wskażemy oba obszary, które są dobrze wykonane, oprócz tych, które mogą wymagać trochę pracy. Na koniec zakończymy prośbą o przekazanie własnej opinii.

Dzisiejsza strona to BrushLovers, sklep internetowy dla pędzli Photoshop prowadzonych przez Waltera Apai z Web Designer Depot.

Jeśli chcesz zgłosić swoją stronę internetową, która będzie prezentowana w przyszłej krytyce projektowania, zajmuje to tylko kilka minut. Za krytykę twojego projektu pobieramy 49 USD - znacznie mniej niż zapłacisz za konsultanta, który zajrzy na Twoją stronę! Tutaj dowiesz sie więcej.

O miłośnikach pędzla

„Nasze pędzle są starannie wykonane, a godziny pracy nad każdym kształtem”.

„BrushLovers ma jedną z największych kolekcji ekskluzywnych i wysokiej jakości pędzli Photoshop w Internecie. Oferujemy setki pędzli Photoshop, które są bezpłatne zarówno do użytku osobistego, jak i komercyjnego. Nigdzie indziej nie znajdziesz tej kolekcji! Mamy również piękny wybór pędzli premium, które sprzedają się już za 3 USD, lub możesz kupić zestawy pędzli do pobrania za jeszcze mniej. Nasze pędzle są starannie wykonane, a godziny pracy nad każdym kształtem. Wszystkie mają wysoką rozdzielczość i idealnie nadają się zarówno do projektowania w Internecie, jak i do drukowania. ”

Oto sekcja strony głównej:

Pierwsze wrażenie

Myślę, że BrushLovers to świetnie wyglądająca strona, która nie jest zaskoczeniem, ponieważ prowadzona jest przez człowieka, który jest właścicielem jednego z najlepszych blogów poświęconych projektowaniu stron internetowych. Zawsze dobrze jest widzieć, że ktoś ćwiczy to, co głosi!

Projekt jest wspaniały, ale bardzo funkcjonalny. Każdy może zobaczyć tę stronę i od razu wiedzieć, co to jest i jak działa, zdziwiłbyś się, jak trudno osiągnąć ten pozornie prosty cel.

Poruszając myszką po witrynie, możesz zobaczyć, że jest mnóstwo cukierków w postaci płynnych, animowanych efektów zawisu. Pod maską działa solidne CSS3 i JavaScript, dzięki czemu solidne wrażenia są jeszcze lepsze.

Wskoczmy do drobiazgów i wybierajmy niektóre z drobniejszych elementów strony.

Logo BrushLovers

Nienawidzę krytykować logo jako części strony internetowej po prostu dlatego, że wielu projektantów stron internetowych albo nie ma kontroli nad otrzymanym logo, albo po prostu rzuca coś szybko i brzydko na później.

To logo jest odświeżającą zmianą. Łączy pociągnięcie pędzla, literę „b” i serce, a dzięki temu mówi wszystko, co musi powiedzieć!

Co ciekawe, nie mogę przestać myśleć o odwróconej wersji starego logo Jiffy Lube, kiedy na niego patrzę.

Nawigacja

Uwielbiam sposób, w jaki nawigacja znajduje się nad treścią, jednocząc dwie zazwyczaj oddzielne sekcje. Projekt wykorzystuje gradient CSS, odwrócony efekt aktywowania i spore, ale czyste menu rozwijane dla kategorii.

Zaokrąglone rogi są miłym akcentem i jest to piękny przykład użycia Google Font API do wyrwania się z pudełka z czcionkami internetowymi. Czcionka tutaj to Cuprum, nic szalonego lub nadmiernie ozdobnego, tylko ładna i okrągła skompresowana wielka czcionka, która idealnie pasuje do motywu.

Grafika w tle

Grafika w tle naprawdę ładnie kończy projekt. Teksturowane, akwarelowe malarstwo abstrakcyjne jest absolutnie idealne dla witryny sprzedającej pędzle. Jest wystarczająco odważny, aby wywrzeć silny wpływ na stronę i na tyle subtelny, aby nie umniejszać zbytnio głównego komentarza.

Wiadomości

Przesyłanie wiadomości do witryny jest bardzo proste i dlatego jest tak silne. Kolor czerwony jest tutaj używany fachowo, aby odwrócić uwagę. Gdy tylko wczytasz stronę, odważna czerwień w logo przykuwa twoją uwagę, która następnie jest odwracana do następnej dużej partii czerwieni w tekście „Kochamy pędzle”.

Zwróć uwagę na to, co zrobił tutaj projektant. Zamiast po prostu wstawiać nudny blok tekstu, najpierw stworzył bardzo wizualny nagłówek, który Cię wciąga, a następnie umieszcza krótkie wyjaśnienie strony obok niego.

Galeria

Jednym z najważniejszych aspektów całego projektu jest oczywiście sposób prezentacji pędzli. Większość strony głównej jest poświęcona dużej, filtrowalnej galerii naprawdę atrakcyjnych podglądów pędzla.

Narożniki są zaokrąglone, zachowując spójność z nawigacją, można zobaczyć ładne subtelne granice, a wszystkie informacje dotyczące głosowania, cen itp. Są umieszczone w jednym niewielkim miejscu, nie wyglądając na zatłoczone.

Szczególnie podoba mi się tutaj efekt najechania, który rozjaśnia białą ramkę i pozwala na krwawienie obrazu do krawędzi.

Strona pędzla

Kliknięcie pędzla w galerii powoduje przejście do dedykowanej strony pędzli. Czcionki tutaj są ponownie okrągłe i skompresowane (powtórzenie), a układ wszystkich różnych elementów jest idealny. Istnieje wiele informacji, linków, przycisków udostępniania itp., Ale nie wydaje się, że jest to wiele rzeczy, które trudno jest usunąć.

Szczególnie podoba mi się ten ogromny przycisk „Kup teraz”, który wyróżnia się tak bardzo, że po prostu nie można go przegapić.

Stopka

Last but not least, nawet stopka tej strony jest wspaniała. Jak wszystko inne, jest bardzo dobrze zorganizowany i doskonale komponuje się z zawartością nad nim. Podoba mi się to, że narusza to projekt na tyle, aby się wyróżniać, a jednocześnie bardzo trzymać się tego samego motywu wizualnego.

Wniosek

Bez wątpienia wystarczająco długo narzekałem na tę stronę. Rzadko kiedy popełniam jedną z tych krytyków, nie znajdując nic negatywnego do powiedzenia, ale ten projekt jest naprawdę tak dobry.

Widziałem niezliczone strony z zasobami projektowymi, które mają prawie taki sam dokładny układ, ale źle go wdrażają. Naprawdę możesz powiedzieć, że ten projektant poświęcił czas i starał się, aby wszystko było w porządku. Wszystko jest gładkie, wygląda świetnie i działa idealnie. Bardzo dobrze zrobione!

Twoja kolej!

Teraz, gdy przeczytałeś moje komentarze, dołącz i pomóż, udzielając projektantowi dalszych rad. Daj nam znać, co Twoim zdaniem jest świetne w tym projekcie i co Twoim zdaniem może być mocniejsze. Jak zawsze prosimy, abyście szanowali również projektanta strony i oferowali jasne konstruktywne porady, pozbawione jakichkolwiek ostrych zniewag.