Jak zbudować stronę internetową dla nowego produktu (i jak to zrobiliśmy) |

Jeśli jeszcze nie masz kreacji, zacznij tutaj. Kreatywne omówienie dokładnie określa, w jaki sposób zamierzasz rozmawiać o swoim produkcie lub firmie. Definiuje ton Twojej marki, paletę kolorów, deklarację wartości i wiele więcej. Twoja kreacja określa, w jaki sposób Twoja strona internetowa będzie komunikować się z klientami.

Być może już napisałeś brief twórczy, jeśli przeszedłeś proces tworzenia logo. Jeśli tak, możesz po prostu użyć go ponownie dla swojej witryny. Jeśli jeszcze nie opracowałeś briefu kreatywnego, teraz jest czas na jego stworzenie.

Na szczęście napisałem już szczegółowy artykuł, który uczy, jak to zrobić, który zawiera przykłady z briefu kreatywnego Outpost, więc możesz zobaczyć, jak zbudowaliśmy nasze. Jeśli potrzebujesz więcej informacji na temat kreacji, zapoznaj się z artykułem o tym, jak opracowaliśmy nasze logo i jego kreacyjne briefy, a następnie wróć tutaj, kiedy będziesz gotowy.

Utwórz mapę witryny

Za pomocą kreacji ręcznie, zaczniesz pracować nad mapą witryny. Mapa witryny jest po prostu konspektem, który zawiera listę wszystkich stron (łącznie z ich celami i celami), które planujesz uwzględnić w swojej witrynie.

Oto mapa witryny, którą opracowaliśmy dla Outpost:

1. 1. Strona główna : Przegląd produktu i "wezwanie do działania", aby zapisać się na bezpłatny okres próbny. Dodatkowe linki do innych stron opisujących funkcje.
   2. Omówienie funkcji : Przegląd wszystkich funkcji z linkami do szczegółowych stron funkcji.
      1. Szczegóły funkcji dla cechy A: Szczegóły cechy A.
      2. Szczegółowa funkcja dla Funkcja B: Szczegóły funkcji B.
      3. Powtórz dla wszystkich funkcji.

• Ceny: szczegółowe informacje o planach taryfowych i linkach, aby zapisać się na bezpłatny okres próbny.
• Klienci: Profile odnoszących sukcesy klientów.
• O nas: Informacje o tym, kim jesteśmy, o naszej misji i naszej historii.
• Kontakt: Dane kontaktowe, godziny, lokalizacja.
• Oferty pracy: Lista naszych aktualnych ofert pracy
• Oświadczenie o prywatności: Polityka prywatności Outpost.
• Blog: Strona główna blogu, który zawiera ostatnie posty na blogu.
• Blog Post: Będzie wiele postów na blogu. Ta strona będzie dla nich szablonem.
• Centrum pomocy: Nasze centrum pomocy będzie obsługiwane przez Zendesk.

Oczywiście twoja strona prawdopodobnie będzie zupełnie inna niż mapa witryny Outpost. Jeśli na przykład jesteś restauracją, prawdopodobnie będziesz mieć stronę lub dwie dla menu i stronę rezerwacji. Jeśli budujesz sklep internetowy, prawdopodobnie będziesz mieć wiele różnych stron produktów.

Twoja mapa witryny dokumentuje, jak najlepiej, co Twoim zdaniem będzie zawierało Twoja strona. Ten niewielki etap planowania znacznie ułatwi planowanie i rozwój strony, dlatego warto inwestować na tym wczesnym etapie.

Napisz swoją kopię na początku przed projektowaniem

Pomyślicie, że zrobiłem nie dostaniesz zamówienia tutaj. Nie powinieneś zaprojektować swojej witryny, zanim pomyślisz, jakie słowa zamieścisz na stronie?

W rzeczywistości, lepszym rozwiązaniem jest robienie rzeczy "w tył" i pomyśl najpierw o swojej stronie internetowej, a następnie zaprojektuj ta kopia. Czemu? Ponieważ to, co chcesz przekazać klientom, jest o wiele ważniejsze niż ostateczny projekt Twojej witryny. Oczywiście projekt ma znaczenie i chcesz mieć stronę, która wygląda dobrze, ale jeśli nie możesz przekazać swoich kluczowych wiadomości swoim użytkownikom, dobry projekt nie zmieni tej różnicy.

Najpierw należy napisać swoją kopię pomaga również Tobie i potencjalnym projektantom zrozumieć, co każda strona próbuje przekazać. Powoduje to lepszą stylistykę, która wzmacnia komunikację. Nawet jeśli masz zamiar zbudować swoją stronę za pomocą narzędzia takiego jak Squarespace, wiedząc, co każda strona musi powiedzieć, zanim wybierzesz projekt, zaoszczędzisz dużo czasu.

Kiedy nadejdzie czas na twój projekt, możesz musisz udoskonalić swoją kopię, aby upewnić się, że wszystko dobrze pasuje, ale będzie to łatwiejsze niż próba napisania kopii dla projektu, który nie został stworzony dla wiadomości.

Dla twojej strony głównej prawdopodobnie będziesz potrzebował nagłówka dokładnie opisuje to, co robisz - twoja kluczowa propozycja wartości dla Twoich klientów. Następnie pojawi się krótki, rozszerzony opis tego, co robi twoja firma.

Oto nagłówek i rozwinięty opis Outpost, produktu, który tworzymy:

Usprawnij swój wspólny e-mail

Łatwo śledź, współpracuj, i odpowiadać na wiadomości wysyłane na ogólne adresy e-mail, takie jak support @ lub info @.

Odtąd kopia, którą umieścisz na stronie głównej, będzie naprawdę zależna od rodzaju firmy, którą są Twoi klienci są i musisz się komunikować.

W przypadku Outpost musimy przekazać kluczowe cechy i zalety naszego produktu i zachęcić potencjalnych klientów do zdobycia dalszych informacji. Chcemy również porozmawiać o naszym zespole obsługi klienta i o tym, jak są wspaniali.

Ale może to nie być odpowiednia konfiguracja dla twojej strony głównej. Jeśli jesteś restauracją, może chcesz mieć linki do swoich menu lub informacje o uzyskaniu rezerwacji. Każda firma jest inna, więc dowiedz się, co powinieneś powiedzieć, a następnie zapisz ją.

Nie martw się jednak zaczynaniem od pustej strony. Zamiast tego wymyśl listę ulubionych witryn w swojej branży i pomyśl o tym, co lubisz i czego nie lubisz w każdej witrynie. Jakiego rodzaju nawigacji używają? Jakie strony obejmują? Jakiego rodzaju zdjęć używają? Nie musisz odkrywać koła na nowo, a używanie ulubionej witryny jako punktu odskoczni jest świetnym sposobem na rozpoczęcie.

Ostatnia wskazówka: Mniej znaczy zwykle więcej. Nie ulegaj pokusie, aby pisać niekończące się akapity kopii na swojej stronie (chyba, że ​​tego oczekują twoi klienci!). Jeśli zwracasz uwagę na to, jak korzystasz ze stron internetowych, przekonasz się, że często przeglądasz tekst, nie czytając każdego słowa. Ponieważ w ten sposób większość ludzi czyta "przeglądanie w Internecie" zamiast czytać każde słowo, zachowaj krótką kopię i do rzeczy.

Opracowanie modelu szkieletowego

Model szkieletowy to przybliżony układ witryny. To nie jest tak naprawdę projekt. To dokument, który pokazuje z grubsza, gdzie wszystko pójdzie na stronie, bez obawy o kolor lub inną grafikę.

Jeśli pracujesz z projektantem, aby zbudować swoją stronę, wytworzą ci siatkę w ramach proces projektowania. Jeśli samodzielnie budujesz swoją stronę internetową, korzystając z usługi takiej jak Squarespace lub Shopify, możesz z łatwością samodzielnie zbudować szkielet.

Nie daj się zastraszyć tym krokiem. Nie potrzebujesz żadnych specjalnych narzędzi do budowy szkieletu. Wystarczy kartka papieru i długopis, aby naszkicować każdą stronę witryny. Pamiętaj, że nie "projektujesz", a szkielet nie musi być ładny. Musi tylko przekazać, co się dzieje na stronie.

Jeśli potrzebujesz inspiracji, sprawdź inne strony, które lubisz i zobacz, jak układają informacje na każdej stronie. Całkowicie dobrze jest wypożyczyć układy z innych stron i znaleźć inspirację dla własnej witryny.

Jeśli nie używasz pióra i papieru, możesz użyć programu PowerPoint lub Keynote do tworzenia makiet. Istnieją również dedykowane narzędzia do wireframingu, takie jak Balsamiq, które ułatwiają ten proces.

Poniżej zamieściłam szkielet strony głównej Outpost, abyś mógł się zorientować, jak wygląda szkielet. Możesz również rzucić okiem na kopię, którą stworzyliśmy w poprzednim kroku, oraz szkic pomysłu na element graficzny, który chcemy zaprojektować.