Casa Blanka Catering

Jak zmieścić menu całego tygodnia na ekranie telefonu, z ceną i numerem pod ręką?

Strona cateringu z menu tygodnia, cenami i telefonem do zamówień oraz panelem, w którym firma sama wpisuje dania na kolejny tydzień.

Klient: Casa Blanka Catering
Usługi: Strony internetowe
Branża: Gastronomia
Strona: salacasablanka.pl

stan na wrzesień 2026

Sytuacja przed projektem

Casa Blanka z Głowna gotuje obiady z dowozem na terenie miasta i przyjmuje zamówienia telefonicznie, w dni robocze do ustalonej godziny. Menu zmienia się co tydzień, a na każdy dzień są dwie zupy i dwa drugie dania, które klienci łączą dowolnie.

Firma zamówiła stronę, która pokaże bieżące menu z cenami i doprowadzi prosto do numeru, pod którym przyjmowane są zamówienia. Menu na kolejny tydzień miała zmieniać we własnym zakresie, bez pośrednictwa wykonawcy i bez ryzyka, że nowe dania rozjadą układ strony.

Wcześniej przygotowaliśmy dla firmy ulotkę z ofertą obiadów i cateringu, więc kolory, logo i rysunki warzyw były już ustalone w druku. Strona miała przenieść je na ekran tak, żeby menu dało się wygodnie czytać na telefonie.

Pytania, na które projekt odpowiadał

Jak wymieniać menu co tydzień siłami firmy, bez wzywania wykonawcy?
Jak przenieść na ekran kolory i logo z ulotki, nie tracąc czytelności?

Zakres prac

Strona jednostronicowa z menu tygodnia i cenami
Panel do samodzielnej wymiany menu
Pasek dni z przejściem do wybranego dnia
Stały przycisk Zadzwoń na telefonie
Hosting, podpięcie domeny i uruchomienie

Połączone usługi

Next.js
Vercel

Jak to zrobiliśmy

Menu oddzielone od układu
Treść rozdzieliliśmy na tę zmienianą co tydzień i tę, która zostaje na stałe. Przez pierwsze tygodnie menu przychodziło do nas jako plik albo zdjęcie i trafiało na stronę po przepisaniu. Panel skrócił tę drogę, bo firma wpisuje dania w osobnej części strony dostępnej po zalogowaniu.
Wystarczy podać datę poniedziałku oraz po dwie zupy i dwa dania na każdy z pięciu dni, z dodatkami przy daniach. Nazwy dni i daty strona wylicza na tej podstawie, więc nie da się ich pomylić. Panel prowadzi krok po kroku, pokazuje, który tydzień jest teraz na stronie, i ma przycisk podglądu.
Po zapisaniu nowe menu widać na stronie przy najbliższym wejściu, a dzień bez wpisanych dań pokazuje się jako „Menu wkrótce”. Ceny, kolory i układ są stałe, więc podmiana dwudziestu pozycji niczego poza menu nie zmienia.
Menu leży w prywatnym magazynie plików w chmurze, który zachowuje osiem ostatnich wersji. Dane strukturalne przekazują wyszukiwarkom pełne menu tygodnia z datami i odświeżają się po każdym zapisie w panelu.
Czytelność na telefonie
Strona prowadzi od menu do telefonu. Pierwszy ekran pokazuje ceny, informację o dowozie na terenie Głowna i godzinę przyjmowania zamówień, z przyciskami Zobacz menu tygodnia i Zadzwoń. Dalej idą menu, ceny z ofertą dla firm, seniorów i na okazje, trzy kroki zamówienia i kontakt z dużym numerem telefonu.
Pasek dni tygodnia przykleja się u góry, gdy przewija się menu. Dotknięcie dnia przenosi do niego, a dzień widoczny na ekranie podświetla się swoim kolorem. Zupy i dania są wypisane osobno, bo klienci zestawiają je dowolnie, a nazwy dań mają duży, wyraźny krój.
Na telefonie i tablecie dolny pasek z przyciskami Zadzwoń i Menu jest widoczny przez cały czas, bo zamówienia przyjmowane są telefonicznie.
Kolory z ulotki firmy
Kolory i rysunki warzyw pochodzą z ulotki, a logo odrysowaliśmy jako wektor z pliku firmy, z którego powstała też ikona strony. Firmowa magenta pod białym tekstem wypadała poniżej progu czytelności, więc na ekranie jest o ton ciemniejsza.
Do trzech kolorów z ulotki doszły żółty i czerń, dzięki czemu każdy z pięciu dni tygodnia ma własny kolor, wspólny dla strony i panelu. Osiem rysunków warzyw leży w tle sekcji i lekko porusza się przy przewijaniu, chyba że w ustawieniach urządzenia wyłączono animacje.
Strona działa na Next.js, na serwerach Vercel we Frankfurcie. Nie zapisuje ciasteczek, nie ma analityki ani pikseli reklamowych, więc obywa się bez okna zgód, a informuje o tym krótki pasek. Tytuł i opis strony mówią o cateringu i obiadach z dowozem w Głownie, a polityka prywatności i regulamin mają osobne podstrony.