WebdesignerDepot przeprojektowany!
I tu jest ... Po zbyt wielu opóźnieniach, niezliczonych makietach i pomysłach, nowe {$lang_domain} wreszcie jest tutaj! To był niesamowicie skomplikowany proces redesignu dla całego zespołu WDD, ale jesteśmy bardzo dumni z rezultatów i mamy nadzieję, że podoba Ci się tak samo jak my.
Rozpoczęliśmy nowy projekt wczoraj, a Twittersphere dostarcza nam wspaniałych informacji zwrotnych i pomaga zidentyfikować niektóre błędy. Naprawiliśmy błędy z poprzedniego dnia i nadal to robimy, więc proszę wybaczyć kilka problemów technicznych, z którymi możesz się spotkać w najbliższych dniach.
Ważne było dla nas, aby nowy projekt utrzymywał duszę starej strony, by tak rzec, inspirując odwiedzających i aktualizując ją do aktualnych standardów i technik projektowania stron internetowych.
Nowa strona główna, w szczególności, ma lepszą pracę przy wprowadzaniu nowych odwiedzających naszą stronę. Zauważysz, że struktura nawigacji i informacji jest teraz bardziej przejrzysta i czystsza.
W tym poście przedstawimy więcej szczegółów na temat tego, co nowego i tego, co działo się za kulisami, aby przedstawić tę nową wersję WDD. Więc, zanurzmy się!
Jeśli byłeś jednym z naszych 40 milionów odwiedzających (!) W ciągu ostatnich kilku lat, zauważysz, że projekt jest, no, jak to powiedzieć? Radykalnie różne! W rzeczywistości żaden ze starych projektów nie został zachowany. Wyrzuciliśmy to wszystko i zaczęliśmy świeże od podstaw. Jest to tak radykalne, jak to możliwe dzięki przeprojektowaniu i niesie ze sobą pewne ryzyko, ponieważ tracimy nasze wcześniejsze korzyści związane z brandingiem na korzyść tego, co uważamy za lepszy wybór dla naszej witryny, jej zawartości i, co najważniejsze: CIEBIE, naszych niesamowitych czytelników !
Zacznijmy od kredytów, żeby zobaczyć, kto stoi za tym wszystkim ...
- Sztuka: Radim Malinic
- Logo: Steven Bonner
- Projektowanie stron: Walter Apai
- Kod: Zespół WDD
- Niektóre elementy projektu wg Matthew Skiles
- Cytaty projektowe: Cytaty o projekcie
Oto co nowego w tym projekcie:
Układ hybrydowy: Magazyn i tradycyjny blog
Podczas gdy stary projekt miał tradycyjny układ bloga, a najnowsze posty zawsze pojawiały się na wierzchu, przeprojektowana wersja jest hybrydą między stylem magazynu a tradycyjnym układem bloga. Uważamy, że działa to całkiem dobrze dla naszych treści. Szerszy układ pozwolił nam umieścić o wiele więcej treści na stronie głównej, a dwie kolumny na stronie głównej ułatwiają czytanie niż tradycyjne blogi w stylu magazynu, w których zawartość może czasami być przytłaczająca.
Polecane treści
Posty na blogu są podzielone na trzy wyróżnione obszary: 2 pionowe i 1 horyzontalne. Pionowe obszary zawierają jedne z najgorętszych tematów na stronie (responsywny projekt, jQuery, itp.), Natomiast poziomy obszar służy do prezentacji najnowszych ofert z naszej witryny MightyDeals.com. W sumie możemy dodać 10 kolejnych postów, niż w poprzednim projekcie, bez obezwładniania naszych czytelników.
Równowaga i waga
Strona główna: ze względu na ciężkie obrazy staraliśmy się zachować równowagę między tekstem i obrazami, wyświetlając wystarczającą treść podglądu dla każdego wpisu. W przypadku rzeczywistych stron artykułów zdecydowaliśmy się na obrazy i fragmenty kodu na całej szerokości, a tekst jest wyświetlany z mniejszą szerokością niż obrazy. Dzięki temu witryna jest szybsza i łatwiejsza do odczytania (lub zeskanowania) i wyświetla obrazy w ich maksymalnych rozmiarach, aby uzyskać maksymalny efekt. W przypadku obrazów w starszych postach i innych węższych obrazach zdecydowaliśmy się wyświetlać szare paski z boku, przypominające czarne paski widoczne podczas oglądania pokazu w rozdzielczości standardowej na telewizorze HD. To był najlepszy kompromis, jaki mogliśmy znaleźć, aby zintegrować te starsze posty z nowym wyglądem witryny bez konieczności instalowania setek postów!
Elastyczny projekt
Nowa strona jest teraz w pełni responsywna i wygląda świetnie, niezależnie od tego, czy jesteś na komputerze stacjonarnym, laptopie, tablecie czy smartfonie. Sprawdź wygląd smartfona, który wygląda bardziej jak aplikacja niż strona internetowa i jesteśmy naprawdę dumni ze sposobu, w jaki się to udało. Ładuje się też szybko!
Grafika siatkówki
Wraz z wprowadzeniem przez Apple kolejnych urządzeń Retina wyświetlacze o wyższej rozdzielczości stają się bardziej odpowiednie dla witryn internetowych. Nowy WDD wyświetla grafikę siatkówki tam, gdzie to możliwe. Wygląd witryny wygląda doskonale na urządzeniach Retina. W przyszłości, w miarę możliwości, będziemy mieć zoptymalizowaną grafikę Retina we wszystkich naszych wpisach. Łatwiej to powiedzieć niż zrobić, ponieważ sieć nie jest jeszcze w pełni gotowa do użytku, w rzeczywistości bardzo niewiele witryn obsługuje obecnie duże grafiki o wysokiej rozdzielczości. Niektóre z naszych najnowszych postów są już częściowo przygotowane do siatkówki, a niektóre będą je nosiły w przyszłości. Słyszeliśmy również, że reklamy Retina mogą nie być zbyt daleko w przyszłości.
Ulepszona nawigacja 
Podczas przeglądania artykułów zauważysz znak plus z prawej strony przeglądarki (nie na urządzeniach mobilnych). Po kliknięciu otwiera się mini przeglądarka, która umożliwia poruszanie się po bieżącym artykule, np. Przeglądanie spisu treści e-booka. Możesz również udostępnić bieżący artykuł za pośrednictwem mini przeglądarki lub zobaczyć powiązane artykuły, a także przeczytać następne i poprzednie posty.
Sztuka
Po raz kolejny współpracowaliśmy z über utalentowanym ilustratorem Radim Malinic, aby stworzyć sztukę dla naszej nowej strony. Radim jest wielokrotnie nagradzanym dyrektorem artystycznym i grafikiem, mieszkającym w Londynie w Anglii. Pod nazwą Brand Nu współpracuje z wiodącymi markami domowymi. Od czasu powstania oryginalnego projektu strony WDD rozpoczął współpracę z Goldman Sachs, Bacardi, Blistex, London Film Museum i wieloma innymi. Jego styl pracy jest jednym z najbardziej zróżnicowanych w branży. Jego odważne i kolorowe projekty inspirują wiele osób, które je widzą. Poprosiliśmy wówczas Radima, aby ten projekt skupił się na kręgach, ponieważ jest to ponadczasowy kształt, który jest niezwykle popularny i faworyzowany w obecnych projektach stron internetowych.
Paralaksa
Nowa sztuka i logo na nagłówku są ożywione 5-warstwowym efektem paralaksy (poruszającym się z różną szybkością) w sekcji nagłówka strony. Aby to zobaczyć, po prostu przesuń mysz po obszarze nagłówka (nie na urządzeniach mobilnych). Uważamy, że wygląda całkiem fajnie i dodaje element zabawy do strony! [AKTUALIZACJA] Efekt paralaksy był uwielbiany przez większość, ale niektórym się to nie podobało, więc dodaliśmy opcję wyłączenia go przez kliknięcie prawym przyciskiem myszy na obszarze efektu.
Logo
Chociaż stare logo dobrze nam służyło i było bardzo lubiane, ponieważ było to pełne przeprojektowanie, nowe logo było w porządku! Współpracowaliśmy tym razem z Steven Bonner przeprojektować nasze logo. Jest bardzo utalentowanym pisarzem literackim z siedzibą w Szkocji, posiadającym godne pozazdroszczenia portfolio ilustrowanych czcionek dla największych marek na świecie. Uważamy, że okazało się to świetne i dobrze balansuje na stronie z osobistym, ręcznie rysowanym dotykiem, jednocześnie wyglądając profesjonalnie i dopracowując w tym samym czasie.
Typografia
W końcu porzuciliśmy stare nudne czcionki systemowe na rzecz czcionek internetowych Typekit, używanych wyłącznie w całej witrynie. Używamy Kulturista dla wszystkich nagłówków, które wyglądają świetnie i mają przyjemną osobowość i niepowtarzalny charakter. Dla tekstu podstawowego, który wybraliśmy Proxima Nova który ma doskonałą czytelność i jest doskonały do dużych fragmentów tekstu. W przypadku nagłówków rozważaliśmy również Adelle , a dla tekstu tekstowego rozważaliśmy także Museo Sans, Adelle Sans , Miriada i Helvetica .
Pictos Icon czcionka
Używamy wielu ikon w tym nowym projekcie. Ikony są częścią niesamowitej Ikona czcionki Pictos zaprojektowany przez Drew Wilson . Używamy go nawet do animowanych ikon społecznościowych na dole strony.
Stopka
Mamy 2 stopki na dole strony. Pierwsza z nich podkreśla niektóre obszary, które uważamy za ważne, aby podkreślić, a następnie bardziej tradycyjnie wyglądające stopki na samym dole, głównie z linkami tekstowymi i animowanymi ikonami społecznościowymi.
Integracja społeczna
Chcieliśmy zaprezentować naszych czytelników w szerszym zakresie, więc nowy WDD jest o wiele bardziej towarzyski niż wcześniej. Teraz tworzymy komentarze i retweety pod każdym postem na stronie głównej. Tak więc, jeśli chcesz trochę sławy, możesz teraz dostać awatara tutaj, aby cały świat mógł go zobaczyć! Cóż, to trochę przesada!
Mniej reklam
W porządku, kilka dobrych i złych wiadomości. Niektóre z naszych reklam zwiększyły się, ale zmniejszyliśmy również liczbę reklam wyświetlanych w witrynie. Przyznajemy, że z biegiem lat nasza strona stała się zbyt przesycona reklamami, więc była to świetna okazja, aby posprzątać. To sprawiło, że układ był czystszy i bardziej estetyczny w nawigacji, a jednocześnie był w stanie zapłacić czynsz - nie zapomnij o wsparciu naszych sponsorów rodzaju :)
Depot.ly
Ta ma kilka tygodni. Zaczęliśmy używać krótkiego adresu URL dla naszych tweetów. Dzięki temu możesz rozpoznać nasze posty we wszystkich kanałach społecznościowych, z których korzystasz. Bardzo przydatne, myślimy!
Więcej treści
Jak pewnie zauważyliście, ostatnio zaczęliśmy codziennie publikować więcej artykułów. Mimo że artykuły redakcyjne były i nadal są istotą naszych treści, teraz zajmujemy się również aktualnymi wiadomościami i mini postami, które będą odpowiednie dla projektantów i programistów odwiedzających naszą stronę. Wydaje nam się, że dzięki temu witryna jest bardziej aktualna i pozostaje w kontakcie z tym, co dzieje się obecnie na świecie, bez konieczności odwoływania się do pełnych artykułów na każdy wpis.
Napotkaliśmy wiele problemów związanych z działaniem tego projektu we wszystkich przeglądarkach i urządzeniach (i wciąż to robimy!). W rzeczywistości była to przyczyna niektórych opóźnień, które minęły. Z założenia mieliśmy wystartować w zeszłym tygodniu, ale wiele problemów z przeglądarką spowolniło nas. Przepraszam za to! Firefox był szczególnie trudny, ale IE 8 okazał się gorszym i przyczyną wielu bólów głowy i frustracji naszych programistów. Od wczorajszego uruchomienia otrzymaliśmy wiele dodatkowych informacji za pośrednictwem Twittera o problemach, które wciąż wymagają rozwiązania. Dziękujemy za cierpliwość, gdy się do nich zwracamy.
To, co widzicie dzisiaj, to nowy projekt, ale to nie wszystko. Niedługo planujemy dodać nowe rzeczy. Dowiesz się więcej na ten temat w nadchodzących tygodniach.
Wszyscy osobiście uwielbiamy ten nowy projekt i oczekujemy, że będzie on ewoluował w oparciu o opinie użytkowników. Będziemy bardzo wdzięczni, jeśli nadal będziecie nas informować o wszystkim, co chcielibyśmy poprawić. Powiadom nas też, jeśli znajdziesz problemy ze zgodnością przeglądarki lub problemy z konkretnymi używanymi urządzeniami mobilnymi, abyśmy mogli szybko rozwiązać problem.
Jak zawsze, jesteśmy głęboko i ogromnie wdzięczni wszystkim wam za wspieranie WDD przez te wszystkie lata. Od całego zespołu tutaj w WDD, wielkie podziękowania dla każdego z was i mamy nadzieję, że ten nowy projekt zainspiruje Cię i dobrze Ci służy podczas przeglądania naszej strony.
Co sądzisz o nowym przeprojektowaniu WDD? Czekamy na Twoją opinię!