wiadomoscispozywcze.pl

Na zlecenie wydawnictwa Fischer Trading Group stworzyliśmy portal Wiadomoscispozywcze.pl poświęcony branży spożywczej i retail. Portal wyposażyliśmy m.in. w Paywall, własny moduł zarządzania reklamami i kampaniami reklamowymi, a także funkcję personalizacji layoutu.

Team:

4 osoby

Technologie:
  • React.js
  • Django
  • AWS
  • OpenSearch
  • API YouTube
Czas trwania projektu:

63 dni

Klient:

Fischer Trading Group

Dostarczone usługi:
Wiadomości spożywcze.pl
Podgląd strony internetowej nr.  - obrazek 1

Kropka jako motyw przewodni

W procesie prac nad koncepcją nowego portalu doszliśmy do kropki. Dosłownie. Czerwona kropka stała się motywem przewodnim dla Nagłówków, Buttonów, Ilustracji i CTA.

Podgląd strony internetowej nr.  - obrazek 2
Podgląd strony internetowej nr.  - obrazek 3
Podgląd strony internetowej nr.  - obrazek 4

Projektowanie układu zajawek

Projektowanie siatki portalu news'owego jest największym wyzwaniem. Projektując siatkę bierze się pod uwagę wiele czynników: liczbę zajawek, zawartość zajawek, responsywność. Zaprojektowaliśmy i wdrożyliśmy cały system zajawek pozwalający tworzyć atrakcyjne i wciągące układy dla poszczególnych podstron kategorii tematycznych: Rynek spożywczy, Handel, Raporty i analizy, e-Commerce, etc.

Projektowanie układu zajawek - obrazek

Paywall

Nowoczesne portale news'owe posiadają narzędzia do budowania własnej społeczności czytelników. Paywall jest jednym z takich narzędzi - udostępnienie jakościowych treści w zamian za email, płatność lub subskrypcję.

W odpowiedzi na główny trend - mobilna konsumpcja wiadomości - zaprojektowaliśmy czytelną i angażującą wersję mobilną portalu.

Podgląd strony internetowej nr.  - obrazek 5
Podgląd strony internetowej nr.  - obrazek 6
Podgląd strony internetowej nr.  - obrazek 7

Personalizacja layoutu

Wdrożony portal umożliwia administratorowi zarządzanie w CMS kolorami layoutu. Dzięki temu zespół redakcyjny portalu może podjąć decyzję o zmianach i wprowadzić ją w życie całkowicie bez udziału developerów.

Podgląd strony internetowej nr.  - obrazek 8
Podgląd strony internetowej nr.  - obrazek 9

Własny modul zarządzania reklamami

Na podstawie wymagań wydawnictwa wdrożyliśmy moduł do zarządzania reklamami. Za pomocą CMS administrator może prowadzić kampanie na portalu, analizować dane i raportować do domów mediów.

Komponenty

Cały interfejs portalu został zaprojektowany i wdrożony w oparciu o komponenty zgodnie z metodą Atomic Design.

Kolorystyka

Primary
#210167
Primary variant 1
#d7363b
Primary variant 2
#ffffff

Typografia

W layoucie portalu wykorzystaliśmy rodzinę fontu IBM Plex, zarówno krój bezszeryfowy, jak i szeryfowy.

Typografia - obrazek 1
Typografia - obrazek 2

Stack projektu

Data publikacji:
1 Lip 2021
Zrobione w 63 dni
Poznaj technologie, w których pracujemy Technologie

Zespół

Opis techniczny

Wyzwanie

Stworzenie skalowalnego serwisu z wiadomościami o branży spożywczej. Umożliwienie administratorom dokonywania pełnej personalizacji struktury oraz wyglądu podstron. W ramach projektu powstał wewnętrzny moduł reklam i system do zarządzania kampaniami reklamowymi w serwisie. Struktura serwisu oraz sposób wdrożenia od samego początku był nastawiony na pozyskanie dużego ruchu organicznego.

Narzędzie AWS Cloud

EC2, Route53, CloudFront, RDS, OpenSearch

Stack

React, Django, PostgreSQL

Możliwość pełnej customizacji UI

W ramach zarządzania serwisem można całkowicie zmieniać układ strony głównej i stron poszczególnych kategorii wiadomości. Moderator może w pełni sterować kolorystyką całego serwisu oraz ilustracjami statycznymi.

Integracja z YouTube

Dział wideo w serwisie jest w pełni zintegrowany z kanałem YouTube wydawcy, co daje możliwość zarządzania opisami filmów oraz treścią na kanale w jednym miejscu. Serwis stosuje inteligentne zarządzanie cache’owaniem, co ogranicza koszta wykorzystania API YouTube do minimum.

Własny system reklam

W ramach serwisu został opracowany i wdrożony autorski system zarządzania reklamami banerowymi. Moduł umożliwia przeprowadzenie scentralizowanych kampanii reklamowych o różnym natężeniu wyświetlania oraz pomiar wyników za pomocą rozbudowanych statystyk.