Dariusz Jędrzejczak 173095
Maciej Nowicki 173159
Marketing Internetowy
środa, 8:15
ZADANIE 2
WIZYTÓWKA FIRMOWA WWW
Charakterystyka firmy
Firma, dla której stworzyliśmy wizytówkę w postaci strony www to myjnia samochodowa[1].
Myjnie samochodowe oferują usługi związane z myciem i czyszczeniem samochodów. Może to być mycie nadwozia i podwozia, ale również silnika, woskowanie, odkurzanie, pranie tapicerki, usuwanie naklejek, itp. Myjnie mogą być ręczne lub automatyczne, do zwykłych samochodów osobowych lub do specjalnych rodzajów pojazdów (ciężarówek, motocyklów).
Firma wymyślona przez nas -- Epic Auto Cleaner 3000 to myjnia dla samochodów osobowych, oferująca mycie ręczne i automatyczne oraz dodatkowe usługi: polerowanie lakieru, ręczne woskowanie, impregnację i czyszczenie tapicerki skórzanej oraz doczyszczanie felg aluminiowych. Usługa mycia automatycznego jest najtańsza i występuje w kilku opcjach -- z lub bez aktywnej piany i wosku. Usługa mycia ręcznego to mycie podstawowe lub kompletne, jak również pranie tapicerki (jedna z najdroższych usług oferowanych przez naszą firmę).
Usługi firmy są skierowane do klientów indywidualnych, siedziba firmy jest zlokalizowana w jednym miejscu, z planowaną ekspansją do sieci myjni.
Opis technologii
Technologie, których użyliśmy do stworzenia strony to:
- HTML, CSS i JavaScript
Poniżej przedstawiamy krótki opis poszczególnych technologii.
HTML, CSS i JavaScript
Skorzystaliśmy z powszechnego standardu webowego. Połączenie HTML, CSS i JavaScript to najpopularniejszy, a właściwie jedyny sensowny sposób tworzenia stron internetowych.
Bootstrap
Bootstrap to darmowy zbiór narzędzi do tworzenia stron i aplikacji internetowych, które będą dobrze wyglądały nie tylko na komputerach osobistych, ale również na małych ekranach urządzeń mobilnych. Zawiera szablony projektowe oparte na HTML i CSS. Szablony ułatwiają projektowanie typografii, formularzy, przycisków, nawigacji i innych elementów interfejsu strony, jak również zawierają opcjonalne rozszerzenia JavaScript. Jest to bardzo popularny framework, używany m.in. przez NASA.
StartBootstrap
Start Bootstrap jest to zbiór szablonów bazujących na frameworku Bootstrap pozwalających na szybkie stworzenie szkieletu strony.
Less
Less to dynamiczny język arkuszy stylów open-source, stworzony przy użyciu JavaScript. Założenie projektowe języka to kompatybilność składni z CSS (arkusz CSS jest arkuszem LESS). Do składni i semantyki CSS Less dodaje: zmienne, zagnieżdżanie, mixiny, operatory i funkcje. Less może działać po stronie klienta lub serwera albo być kompilowany do czystego CSS (opcja, z której korzystamy).
GitHub
Żeby ułatwić sobie współpracę nad projektem, wykorzystaliśmy repozytorium Git, hostowane przez GitHub.
GitHub oferuje rozproszoną kontrolę wersji przy pomocy Git, jak również dodatkowe funkcjonalności -- m.in. webowy, graficzny interfejs, wiki, zarządzanie zadaniami, bugtracking, itd.
Opis strony i jej funkcjonalności
Uwzględniając wyniki analizy z zadania nr 1 i poznane na zajęciach kryteria stworzyliśmy stronę, która charakteryzuje się:
- dobrym zaprojektowaniem wizualnym (dzięki użyciu Bootstrap i Start Bootstrap) -- szata graficzna jest minimalistyczna i bez zbędnego szumu, poszczególne elementy są do siebie dopasowane (kolory, rozmieszczenie przestrzenne, etc.)
- nowoczesnym designem -- strona zawiera interaktywne elementy zrealizowane przy pomocy JavaScriptu -- przyciski i inteligentne przewijanie
- brakiem nieistotnych elementów -- strona zawiera wyłącznie informacje potencjalnie interesujące odwiedzającego ją klienta firmy; nie mamy koszyka zakupów ani opcji zapłaty, ponieważ te elementy nie mają sensu w naszym przypadku
- logicznym układem -- na pierwszym miejscu mamy listę usług oferowanych przez firmę i cennik
- uwzględneniem kryterium ekonomicznego -- strona zawiera opinie klientów o usługach firmy i możliwość bezpośredniego kontaktu
- prostym i intuicyjnym menu i nawigacją; sekcje strony są jasne, treść odpowiednio skategoryzowana
- czytelnym wyglądem na urządzeniach mobilnych -- wzięliśmy pod uwagę dodane przez nas w poprzednim zadaniu kryterium responsive web designu
Dalej przedstawiamy zrzut ekranu z naszej strony -- widzimy schludność, minimalizm i prostotę, w których nie ginie treść strony (również ta czysto marketingowa).
Podsumowanie
Dzięki zastosowaniu się do poznanych kryteriów i skorzystaniu z wniosków i wyników, uzyskanych w poprzednim zadaniu, udało nam się zaprojektować i stworzyć internetową wizytówkę firmy, która naszym zdaniem nadaje się do rzeczywistego wykorzystania. Szczególnie patrząc na prawdziwe strony myjni samochodowych[5], wydaje nam się, że nasza mogłaby się na ich tle wyróżniać.
Zadbaliśmy o poprawność strony ze względu na kryterium graficzne, funkcjonalne i ekonomiczne, biorąc pod uwagę charakterystykę naszej dziedziny i rzeczy istotne w naszym konkretnym przypadku -- np. nie mamy opcji zakupów online, bo sprzedajemy usługę, dostępną wyłącznie bezpośrednio.
Mierzyliśmy w efekt minimalizmu, który poprzednio uznaliśmy za jeden z najistotniejszych elementów i myślimy, że udało nam się go osiągnąć.