Blog wielu autorek poświęcony kobiecym tematom tabu

Verco


Notice: Undefined offset: 1 in /home/klient.dhosting.pl/flowtar/flowtar.com/web/cache/page-project-main-pl.flow on line 23
/portfolio/verco/blog-wielu-autorek-poswiecony-kobiecym-tematom-tabu.jpg

Szepczą Kobiety to blog internetowy, na którym umieszczane są artykuły na kobiece tematy. Różni się on od tradycyjnych blogów tym, że ma wielu autorów. Artykuły dodawane na strone są pisane gościnnie, przez popularne blogerki, jak i również ekspertów (np. lekarzy). Tym samym blog tworzy pewnego rodzaju kobiecą społeczność online.

Unowocześnienie poprzedniej strony internetowej, czy stworzenie nowej?

Przygotowania do pracy nad stroną Szepczą Kobiety rozpoczeliśmy od zapoznania się z istniejącą stroną internetową. Naszym zadaniem była ocena, czy stronę wystarczy przebudować, czy też należy stworzyć ją całkowicie od początku. Niestety, istniejąca strona nie była dostosowana do wyświetlania na urządzeniach mobilnych, a sposób w jaki zaplanowano architekturę strony utrudniał nawigację po niej. Artykuły nie były podzielone na kategorie, na stronie nie było również wyszukiwarki.

Szepczące kobiety

Na decyzję bardzo duży wpływ miało również to, że od początku istnienia portalu, wizja jego autorów (wraz ze zdobytym doświadczeniem), zmieniła się. Pojawiło się dużo dodatkowych funkcjonalności, pomysłów i niecodziennych rozwiązań. Do głównych z nich można zaliczyć:

  • responsywność, czyli poprawne wyświetlanie strony pod urządzeniami mobilnymi
  • możliwość komentowania artykułów, z zabezpieczeniem antyspamowym
  • podział artykułów na kategorie
  • podstrona zawierająca listę wszystkich autorów i ich biografie
  • podstrona każdego autora, z linkami do ich personalnych blogów i listy wszystkich artykułów
  • możliwość logowania autorów, dodawania szkicy artykułów i autoryzowanego udziału w dyskusji
  • wyszukiwarka artykułów
  • reklamy sponsorowane, dopasowane do treści artykułów

Wprowadzenie tak dużej ilości nowych funkcjonalności na istniejącej stronie internetowej okazało się nieopłacalne. Głównym problemem było wdrożenie responsywności, która i tak wymagała przepisania całego wyglądu od podstaw. Dodatkowe elementy wymagały również nowych sekcji w szablonie, a nowe podstrony zmieniły całkowicie nawigację.

Zaplanowanie architektury i wyglądu strony

Tworzona od podstaw architektura strony i oparty na niej projekt graficzny powstały przy ścisłej współpracy z klientem. Zaplanowaliśmy wszystko w taki sposób, aby strona była intuicyjna w obsłudze i łatwa w nawigacji. A co najważniejsze, aby czytanie artykułów było przyjemnością.

Strona główna

Na stronie głównej umieścilismy zwiastun najnowszego artykułu oraz miniaturki trzech ostatnio dodanych wpisów. W oddzielnym polach zamieściliśmy listę wszystkich kategorii oraz najnowsze komentarze. Dzięki temu wystarczy odwiedzić stronę główną bloga, aby wiedzieć, czy od naszej ostatniej wizyty pojawiły się nowe treści.

Strona głowna portalu dla kobiet
Strona główna w zwięzły sposób przekazuje wszystkie najnowsze informacje

Artykuły

Dla każdego urządzenia dobraliśmy taki rozmiar fontów, który zapewni komfortowe czytanie. Dodatkowe pola zawierające profil autora, listę kategorii i polecane artykuły umieściliśmy w oddzielnych sekcjach. Wykorzystanie fontu o mniejszym rozmiarze i odmiennej kolorystyce sprawia, że dodatkowe informacje nie zakłócają odbioru głównego tekstu.

Wszystkie artykuły zebraliśmy na osobnej podstronie z paginacją wynoszącą 10 artykułów na stronę. W przeszukiwaniu artykułów pomaga lista kategorii oraz podręczna wyszukiwarka.

Przykładowy artykuł na blogu
Podstrona artykuły
Brak rozpraszających elementów na stronie ułatwia czytanie artykułu. Wszystkie artykuły zebraliśmy na jednej podstronie z paginacją

Autorzy

Ponieważ Szepczą Kobiety to portal prowadzony przez wielu autorów zadbaliśmy o:

  • możliwość logowania dla każdego z autorów na indywidualne konto
  • indywidualny profil każdego z autorów na stronie
  • listę artykułów napisanych przez danego autora
Lista autorów bloga
Widok pojedynczego artykułu na tablecie
Przeskalowana do rozmiarów tabletu podstrona z autorami bloga oraz z pojedynczym wpisem

Responsywność

Strona internetowa Szepcza Kobiety została oparta o tzw. siatkę. Oznacza to, że dla każdego urządzenia (telefonu, tabletu, laptopa itd.) stworzyliśmy odpowiednie proporcje w których powinny mieścić się elementy na stronie. Dzięki temu wszystkie odstępy na stronie są dopracowane dla wszystkich urządzeń, a całość stwarza spójne i eleganckie wrażenie.

Siatka nałożona na podstronę kontakt
Responsywna siatka na której oparta jest cała zawartość strony
Responsywna lista artykułów na blogu
Mobilna wersja strony widok artykułu
Mobilna wersja strony widok komentarzy
Mobilna wersja strony widoki, kolejno: listy artykułów, pojedynczego wpisu oraz komentarzy

Wdrażanie strony w systemie online

Cała implementacja miała miejsce online, to znaczy Klient na każdym etapie tworzenia strony miał wgląd do postępu prac i mógł na bieżąco zgłaszać swoje uwagi. Z doświadczenia wiemy, że taki system prac sprawdza się najlepiej.

Zaakceptowany projekt graficzny, daje gwarancję, że strona się spodoba. Ale zawsze w trakcie implementacji pojawiają się pomysły na poprawę kilku detali lub dodanie kilku smaczków graficznych. Dzięki temu, ze strona jest online można w czasie rzeczywistym zgłaszać swoje uwagi i oglądać jak są one wdrażane.

Implementacja strony internetowej i zapełnienie jej treścią

Do implementacji strony szepczą kobiety wybraliśmy system WordPress. Klient miał już doświadczenie z tym systemem i według nas bardzo dobrze sprawdza się on przy tworzeniu blogów internetowych.

Implementując szablon użyliśmy najnowszych dostępnych wtedy technologii: HTML5, CSS3 oraz PHP7 do dodatkowych skryptów po stronie serwera. Tworząc szablon mieliśmy na uwadze łatwość wdrażania dodatkowych funkcjonalności w przyszłości i ewentualną rozbudowę strony o dodatkowe działy. Aby strona działała bardzo szybko, nie korzystaliśmy z rozbudowanych bibliotek (np. JQuery). Podstawowe skrypty były tworzone autorsko - przez nas. Zwiększyło to bardzo bezpieczeństwo strony.

Po skończonym procesie implementacji, nadeszła pora na zapełnienie strony artykułami. Pierwsza ich część została skopiowana ze starej stony internetowej. Dodaliśmy nowych autorów, stworzyliśmy im konta z możliwością logowania i dodaliśmy kategorie.

Po ostatecznej akceptacji strony, przenieśliśmy stronę z domeny testowej na oficjalną. Podmiana serwisu odbyła się w taki sposób, aby użytkownicy nie doświadczyli żadnej przerwy w działaniu strony.


Współpraca z Klientem była szybka i efektywna, dzięki czemu projekt Szepczą Kobiety udało się skończyć w tydzień przed założonym terminem ostatecznym. Stroną internetową Szepczą Kobiety opiekujemy się do dzisiaj. Od tego czasu zadbaliśmy między innymi o:

  • zabezpieczenie strony przed spamem
  • automatyczne kopie zapasowe strony internetowej
  • dodawanie nowych treści (biografie autorów i formatowanie nowych artykułów)
  • rozbudowanie systemu reklam o reklamy dopasowane do zawartości artykułu