Wenn Sie wissen möchten, wie eine Website erstellt wird, sind Sie bei uns genau richtig. Dieser Leitfaden behandelt alles, vom Design über Domains bis hin zum Hosting für WordPress, und das kritische kreative und strategische Denken, das für die Erstellung einer erfolgreichen Website erforderlich ist.

Bevor wir uns mit der Erstellung einer Website befassen, die komplett rockt, möchte DMN HostGator, der diese Überprüfung ermöglicht hat, einen großen Gruß aussprechen. Wenn Sie ein großartiges, erschwingliches Hosting für Ihre Webseite sowie eine Reihe weiterer großartiger Services und Supportleistungen wünschen, sind Sie es sich als Künstler schuldig, HostGator auf die Shortlist zu setzen.

Überprüfen Sie Hostgator hier und verwenden Sie den Code „DMN201625% Rabatt auf jede Bestellung. Wir sind Fans.

Nun zum Tutorial!

Wir werden dieses Tutorial zum Erstellen einer Website in einige wichtige Abschnitte unterteilen.

Teil I.: Die vielen Vorteile des Aufbaus einer eigenen Website

Teil II. Aufbau des Ökosystems: Ihre Website + Twitter, Facebook, SoundCloud, Youtube, Spotify, Bandcamp, iTunes…

Teil III. Visualisierung Ihrer Website Ästhetik

Teil IV. Das Vorspiel: Praktische Überlegungen vor dem Erstellen.

Teil V.. Grundsteinlegung

Teil VI. WordPress einrichten

Teil VII. Bauplan: Festlegen Ihrer Iterationen

Teil VIII. Entwerfen einer hochfunktionalen, schönen Site mit WordPress-Vorlagen

Teil IX. Mobile (Responsive) Sites

Teil X.. Bereiten Sie sich auf den Start vor!

Teil XI. E-Mail einrichten

Teil XII. Was ist Bandcamp?

Teiler

Wie erstelle ich eine Website?

Teil I: Die vielen Vorteile des Aufbaus einer eigenen Website

Es ist heutzutage wirklich verwirrend, Musiker zu sein, besonders wenn es um Ihre Online-Präsenz geht. Wie sollten Sie Ihre begrenzte Energie und Zeit darauf konzentrieren, eine Website zu erstellen, die wirklich zu Ihrer künstlerischen Persönlichkeit passt und sich mit Ihren Fans verbindet?

Sollten Sie die Zeit überhaupt auf einer Website verbringen?

Es gibt definitiv Künstler, die die traditionelle Künstler-Website überspringen, obwohl dies ein riskanter Schritt sein kann. Die erfolgreichsten und am besten verwalteten Künstler sind in der Regel auf einer Vielzahl von Plattformen verfügbar, konzentrieren sich jedoch auch viel Zeit und Energie auf ihre eigenen Website-Umgebungen. Der Grund dafür ist einfach: Eine Band hat im Gegensatz zu Facebook, SoundCloud, Twitter, Instagram oder YouTube die vollständige Kontrolle über ihre eigene Webseite. Alle diese Mega-Plattformen haben ein großes Publikum und können eine Künstlerkarriere vorantreiben, aber am Ende legen sie die Regeln fest, nicht Sie.

Das ist kein Problem, bis es plötzlich ein Problem ist. Leider erkennen Künstler normalerweise erst, dass es ein Problem gibt, wenn sie den sprichwörtlichen Bach vollständig erreicht haben. Dies ist der Punkt, an dem Ihre massive Host-Plattform beschließt, die Regeln vollständig zu ändern, normalerweise ohne Vorwarnung. Und es passiert normalerweise nach hunderten von Stunden des Aufbaus eines Profils und einer Fangemeinde, manchmal weit mehr.

Manchmal sind die Änderungen eher ärgerlich als katastrophal. In anderen Fällen können Sie gezwungen sein, Ihre gesamte Marketingstrategie über Nacht zu ändern. Was nervt, wenn Sie (a) unterwegs sind, (b) im Studio sind oder (c) versuchen, Ihre kreativen Energien auf das Songwriting oder andere Bereiche zu konzentrieren, die für Ihre Karriere kritisch sind. Möglicherweise haben Sie einfach nicht die Zeit oder die Ressourcen, um mit den endlosen Änderungen und Optimierungen fertig zu werden, selbst wenn dies Ihr Publikum aus dem Konzept bringt.

Wir haben dutzende Male verschiedene Katastrophenszenarien gesehen, und in einigen Fällen haben wir tatsächlich gesehen, dass ganze Unternehmen über Nacht durch eine einfache Änderung der Strategie begraben wurden (ja, es ging vor einigen Jahren um Facebook). Allein in diesem Jahr haben Künstler eine Reihe großer Veränderungen durch massive soziale Netzwerke und Musikplattformen überstanden. All dies hat Künstler unerwartet und auf völlig ernste Weise beeinflusst.

Hier nur einige Beispiele:

1. Nach jahrelangem Kampf gegen Plattenlabels, SoundCloud hat wiederholt ganze Künstlerseiten ohne Vorwarnung abgerissen. Dies ist sowohl großen DJs als auch sich entwickelnden Künstlern passiert, die alle miterlebt haben, wie ihre massiven Anhänger innerhalb weniger Stunden in die Knie gezwungen wurden. Manchmal sind diese Abrisse auf schwerwiegende Verstöße des Künstlers zurückzuführen, aber meistens sind sie das Ergebnis von Labelstreitigkeiten oder Richtlinienänderungen, die wenig oder gar nichts mit dem Künstler zu tun hatten.

2. Facebook Der gesamte Algorithmus zur Aktualisierung von Followern wurde überarbeitet, indem der Schwerpunkt auf zwischenmenschliche Aktualisierungen verlagert wurde. Mit anderen Worten, Freunde hatten weitaus mehr Vorrang vor Bands, was bedeutete, dass Künstler noch weniger in der Lage waren, die von Fans empfangenen Nachrichten zu kontrollieren. Dies ist ein wachsender Trend und hat Künstler tief beeinflusst, von denen viele jahrelang ihre Facebook-Follower aufgebaut haben.

3. Youtube Ich habe gerade Tausende von Kanälen darüber informiert, dass ihre Inhalte plötzlich « werbefreundlich » waren, was zu einer Panik unter Tausenden und Abertausenden von Entwicklern führte. YouTube sagte später, dass sich ihre Richtlinien nicht geändert hätten, obwohl die Botschaft klar war: YouTube, nicht der Ersteller, entschied hier über die Regeln.

Und am Ende bestimmt YouTube, was Werbeunterstützung, Priorisierung oder andere Aufmerksamkeit (einschließlich Suchergebnisse) erhält. Sie können Ihr Konto sogar versehentlich wegen einer gegen Sie erhobenen Forderung kündigen.

4. Twitter bleibt weiterhin im finanziellen Gleichgewicht, und die Turbulenzen in der Geschäftsleitung werfen längerfristige Fragen zum Überleben dieser Plattform auf. Wird es in ein paar Jahren überhaupt noch Twitter geben?

…und so weiter!

Der Punkt ist folgender: Niemand ändert die Regeln, wie Ihre Fans auf Ihrer eigenen Website mit Ihnen interagieren können.

Wenn Sie ihnen Tickets direkt im Voraus verkaufen möchten, können Sie dies tun. Wenn Sie sie in ein lustiges Spiel führen möchten, können Sie das tun. Wenn Sie ein Forum, einen Fanclub, einen E-Commerce oder eine andere unterhaltsame Variante einrichten möchten, können Sie dies nicht nur tun, sondern auch die Regeln und Parameter für diese Aktivitäten festlegen.

Wie erstelle ich eine Website?

Profi-Tipp! Das gilt übrigens auch für E-Mails, auf die wir später noch näher eingehen werden. Es ist eine Sandbox, die vollständig unter Ihrer Kontrolle steht. Es ist auch eine Direkt-zu-Fan-Beziehung, in der Ihre Follower die vollständige Kontrolle darüber haben, wie Sie mit ihnen kommunizieren, und es gibt viele Tools, mit denen Sie dies erreichen können.

Aber auch über diese plötzlichen Veränderungen hinaus sind die unvermeidlichen Veränderungen in allen sozialen Medien und Musikzentren zu beobachten. Jugendliche haben vor Jahren angefangen, Facebook zu verlassen, und Podcasting hat vor kurzem damit begonnen, SoundCloud zu entlasten. Und jeder, der sich an MySpace erinnert, weiß, wie schnell sich der Social-Media-Sand verschieben kann. Um das alte Klischee zu paraphrasieren: Wenn es etwas gibt, das konstant ist, ändert es sich. Und das gilt in zweifacher Hinsicht für Social Media und Musikplattformen.

Aber… ignorieren Sie Social Media und Musikseiten auf eigenes Risiko.

Ignorieren Sie soziale Netzwerke und Websites wie SoundCloud auf eigenes Risiko! Denken Sie daran, dass einige Ihrer größten Fans Ihre Website möglicherweise nie ein einziges Mal besuchen. Sie können Sie nur auf Facebook auschecken oder Ihnen auf Snapchat folgen und dann ein Ticket vom Veranstaltungsort (oder an der Tür) holen.

Der beste Ansatz besteht also darin, alle auf jeder Plattform effektiv zu erreichen und sie gleichzeitig auf Ihre zentrale Website-Plattform zu locken. Was uns zu unserem nächsten Abschnitt führt.

Teiler

Wie erstelle ich eine Website?

Teil II. Aufbau des Ökosystems: Ihre Website + Twitter, Facebook, SoundCloud, Youtube, Spotify, Bandcamp, iTunes…

Eine clevere Möglichkeit, sich Ihrer Website zu nähern, besteht darin, sie in den Mittelpunkt einer großen Konstellation verschiedener Plattformen zu stellen, einschließlich Hubs für soziale Netzwerke, Downloads und Streaming. Dies bedeutet, dass viele der gleichen Updates, Informationen und Musikdateien effektiv verteilt werden und einige benutzerdefinierte Informationen für bestimmte Plattformen erstellt werden. Sie können sogar einen Großteil Ihrer Energie auf eine Plattform konzentrieren, wie beispielsweise Snapchat, nachdem Sie den Grundstein für Ihre Website gelegt haben.

1. Wie Sie Ihre Fokusplattformen strategisch auswählen.

« Jede Schlacht ist gewonnen, bevor sie jemals ausgetragen wurde. »

Sun Tzu.

Bevor Sie dieses vernetzte Netz aller Dinge Ihrer Musik aufbauen, ist es wichtig, Ihr Publikum gründlich zu strategisieren und zu reflektieren. Zu lernen, wie man eine Website erstellt, ist ein fantastischer Schritt, um mit Fans in Kontakt zu treten, aber es wird niemals 100% von ihnen erreichen.

Für den Anfang ist es hilfreich zu überlegen, wo sich Ihre Fans wahrscheinlich befinden oder auf welchen Plattformen Sie sich am effektivsten mit ihnen verbinden können. Shawn Mendes zum Beispiel wurde mit Vine berühmt und rechnete richtig damit, dass jüngere Fans (wie er) seine Updates auf einer frischen, neuen Plattform lieben würden. Außerdem war es nur ein lustiger Ort, um zu experimentieren und Videos hochzuladen, was ein weiterer Grund ist, warum die Dinge für ihn geklappt haben.

Und andere brillante Beispiele dafür gibt es zuhauf, zum Beispiel:

• • DJ Khaled, jetzt fast gleichbedeutend mit Snapchats, nutzte diese Plattform, um eine Wand mit Updates zu erstellen, bevor andere Künstler es herausfanden. Heutzutage glauben viele Leute, dass Snapchat dazu beigetragen hat, Khaleds Karriere auf Hochtouren zu bringen (obwohl sie sich nach einer kleinen Überbelichtung möglicherweise abmelden).

• • OK, gehDas Video spürte einen massiven Anstieg der YouTube-Popularität, stellte das Video an die erste Stelle und erzielte einen massiven Erfolg.

• DJs erkannten die sofortige Verbindung, die das Streaming für hyperverbundene jüngere Fans bietet, und investierten viel Zeit in ihre SoundCloud-Profile. Das schließt Künstler wie ein Kygo und Post Malone, der SoundCloud zum Durchbrechen verwendet hat.

• • Amanda Palmer, ein Pionier in der Direktfinanzierung von Fans und in der DIY-Kunst, nutzte Twitter und Kickstarter, um über 1,2 Millionen US-Dollar für Neuerscheinungen und Tourneen zu sammeln.

…und so weiter.

Der Punkt ist, dass all diese Plattformen mit großem Vorteil genutzt werden können, wobei Ihre Website einen Mehrwert bietet, indem sie E-Mails sammelt, Waren verkauft, Tourdaten aktualisiert oder als Hub für Fanseiten fungiert. Alles sollte nahtlos zusammenarbeiten.

b. Syndizierung

Aber wie können Sie möglicherweise bis zu zehn verschiedene soziale Netzwerkplattformen und Musikseiten jederzeit auf dem neuesten Stand halten? Dies ist ohne die Hilfe von Syndication-Partnern nicht möglich, mit denen Sie dieselben Informationen auf mehrere Plattformen verteilen können.

Schauen Sie sich auf der Update-Seite beispielsweise Hootsuite (hootsuite.com) an, um einmal zu posten und viele Male zu füllen. Twitterfeed (twitterfeed.com) ist ein anderer (ja, der Name ist etwas irreführend, aber Twitterfeed trifft tatsächlich eine Reihe verschiedener Plattformen gleichzeitig, einschließlich Facebook).

Laden Sie auf der Musikseite einmal hoch und verbreiten Sie sie mit Diensten wie ReverbNation, CD Baby, Tunecore oder Symphonic Distribution, die Ihre Musik unter anderem an Spotify, Apple Music, SoundCloud, Deezer und iTunes verteilen Sie können von Ihrer Künstler-Website aus auf einen Link verweisen.

Sogar Podcasting hat viele Helfer, einschließlich Stitcher (stitcher.com), obwohl dies ein ganz anderes Stück ist. Wenn Sie weitere Hilfe beim Einrichten Ihres Plattformnetzwerks benötigen, teilen Sie uns dies in Kommentaren mit oder senden Sie eine E-Mail an DMN unter [email protected]

Mit all diesen Endpunkten ist Ihre Website jedoch der perfekte Knotenpunkt für die Veröffentlichung von Tourdaten, Blogs, Bildern und allem anderen, was wichtig ist. Und währenddessen steuern Sie das Posten, Katalogisieren und Priorisieren dieser Dinge, während Sie ständig Bits an verschiedene Sites und Plattformen senden.

Der beste Ansatz, um herauszufinden, wie eine Website erstellt wird, besteht darin, immer an das breitere Netz von Verbindungspunkten zu denken.

c. Das « Hub-and-Spoke » -Website-Modell.

Und denken Sie daran, Ihre Website fungiert dabei als perfekter Hub. Auf Ihrer Website steuern Sie die Präsentation, Häufigkeit und Organisation von allem, was Sie veröffentlichen, und verteilen es auf andere Plattformen, die ihre eigenen Regeln haben.

Dies ist eine perfekte Hub-and-Spoke-Strategie. In der Regel werden Ihre offiziellen Websites ganz oben in der Google-Suche angezeigt, wenn Fans versuchen, Sie zu finden. Am Ende ist es großartig zu lernen, wie man eine Website erstellt. Es ist jedoch weitaus besser zu lernen, wie man eine Website erstellt, die den Kern eines breiteren Ökosystems sozialer Netzwerke und Plattformen bildet.

Hier ist eine wirklich vereinfachte Vorstellung davon, wie diese Hub-and-Spoke-Strategie funktionieren kann:

howtomakeawebsite_hubandspoke

So erstellen Sie eine Website: Die Hub-and-Spoke-Strategie

Der verwirrende Teil hier ist, dass alle diese Endpunkte unterschiedlich sind und normalerweise soziale Netzwerke mit Multimedia verwischen. Nehmen Sie als Beispiel Instagram: Auf einer Ebene ist Instagram nur eine bildintensive Update-Plattform, aber es ist auch eine großartige Möglichkeit, Videos zu verbreiten. Tatsächlich ist es typisch für einen Fan, einen Live-Clip von einer Ihrer Shows auf Instagram hochzuladen (ohne dass Sie es überhaupt merken). Sie können auch entscheiden, dass Instagram für schnelle Video-Updates neben Ihren Bild-Updates sinnvoll ist. Dieselben Clips wären für Spotify jedoch wenig sinnvoll (könnten aber für Ihren YouTube-Kanal perfekt sein).

Der Punkt ist, dass Sie (und Ihr Team) ständig differenzierte Entscheidungen darüber treffen, wie Sie Ihr Material verteilen. Und oft veröffentlichen Sie es nicht auf Ihrer eigenen Website, weil es nicht ganz passt (oder ein Fan hat es hochgeladen oder aus einem anderen Grund). Ihre Alben können möglicherweise auf Spotify gestreamt werden, werden jedoch nicht auf Ihrer Website gespeichert.

In anderen Situationen ist Ihre Website der einzige Ort, an dem Fans etwas bekommen können. Sie können Vinyl direkt auf Ihrer Website verkaufen und Ihr Netzwerk jedes Mal aktualisieren, wenn Sie etwas Neues zum Verkauf erstellen. Oder aktualisieren Sie zuerst Ihre Tourdaten auf Ihrer Website und informieren Sie dann Ihre Netzwerke über die bevorstehende Tour.

Ihre Website kann in vielen Situationen als Drehscheibe dienen und Ihre Kernfans werden sich daran gewöhnen, herauszufinden, was los ist. Letztendlich geht es nicht darum, wie man eine Website erstellt, sondern wie man eine Website erstellt, die als Drehscheibe für eine Vielzahl verschiedener Kontaktpunkte dient.

Aber wie wird dieser Hub aussehen? Lassen Sie uns in den eigentlichen Fokus dieses Stücks eintauchen …

Teiler

Wie erstelle ich eine Website?

Teil III. Visualisierung Ihrer Website Ästhetik

howtomakeawebsite_desiigner

So erstellen Sie eine Website: Offizielle Website für Rapper Desiigner (beachten Sie die Hub-and-Spoke-Strategie).

Überlegen Sie sich vor dem Starten, Überarbeiten oder Neugestalten Ihrer Website, welche Aussage Sie erstellen möchten und worauf Sie sich konzentrieren möchten. Hier sind einige Fragen zu berücksichtigen:

• Deine Band und deine Musik stehen für etwas. Wie kann Ihre Website dazu passen?

• Wenn Ihr Publikum im Allgemeinen einer bestimmten „Bevölkerungsgruppe“ wie Altersgruppe, Geschlecht oder Lebensstil entspricht, wie können Sie diese Sensibilität anpassen?

• Wenn Sie eine breitere Anziehungskraft haben, was vereint alle Ihre Anhänger (Hoffnung, Frustration, Flucht, Wut, Religion)? Wie kann Ihre Website dies vermitteln und verstärken?

• Wenn Sie Teil einer großen oder kleinen Szene sind, wie sehen die Websites von Bands in Ihrer Szene aus?

• Sind die meisten deiner Fans mobil? Denken Sie dann zuerst an Mobile und dann an Desktop.

• Ist Ihr Publikum ironisch und retro? Mehr oder weniger involviert? Technisch ausgerichtet oder sehnen Sie sich danach, vom Netz zu gehen? Minimalist oder Sammler?

• Was sollen deine Fans fühlen, wenn sie deine Seite sehen?

Vielleicht ist dies der perfekte Zeitpunkt, um einen Rauch zu trinken, einen Kaffee (oder drei) zu trinken und sich über die großen Ideen zu informieren, wie Sie eine Website erstellen können, die Ihre Fan-Verbindungen wirklich auf die nächste Ebene bringt. Nachdem Sie eine Reihe von Ideen veröffentlicht haben, sollten Sie ein Gefühl dafür haben, ob Sie etwas Minimalistisches, Hochenergetisches, Bildintensives, Interaktives, Community-orientiertes oder all das oben Genannte möchten. Versuchen Sie in dieser Phase, einige allgemeine Punkte und Ideen aufzuschreiben, da es schwierig sein kann, über die größere Vision nachzudenken, wenn Sie erst einmal im Detail sind und Feuer löschen.

Nichts davon muss fest verankert sein, aber jeder, der an dem Projekt beteiligt ist, sollte vor Beginn eine gemeinsame kreative Vision für die Ästhetik und den Ansatz der Website haben. Eine Möglichkeit, um eine gemeinsame Vision zu gewährleisten, besteht darin, einige größere Ideen darüber herauszuarbeiten, was mit dieser Website erreicht werden soll. Oder Werte, Botschaften oder Ideen, an die Sie sich während der Erstellung Ihrer Website halten möchten.

Wie erstelle ich eine Website?

Profi-Tipp! Denken Sie daran, dass Sie als Solo-Künstler ohne Vorzeichen in der Regel alle Entscheidungen treffen und alle Meinungsverschiedenheiten und (manchmal) die Kämpfe überspringen müssen. Der einzige Nachteil ist, dass Sie auch dafür verantwortlich sind, dass die gesamte Vision ans Licht kommt, ganz zu schweigen davon, dass Sie lernen, wie Sie eine Website selbst erstellen.

Teiler

Wie erstelle ich eine Website?

Teil IV. Das Vorspiel: Praktische Überlegungen vor dem Erstellen.

howtomakeawebsite_broods

So erstellen Sie eine Website: Offizielle Website für Broods unter broodsmusic.com (beachten Sie die Priorisierung von umsatzgenerierendem Vinyl und Merch).

Sobald dieses große Denken aus dem Weg geräumt ist, ist es an der Zeit, sich auf weitere Überlegungen zu konzentrieren. Denn auch das abenteuerlichste architektonische Statement erfordert noch ein solides Fundament und eine solide Struktur. Je empörender und mutiger Ihre Website ist, desto wichtiger werden die Grundlagen. Es macht Spaß zu lernen, wie man eine Website erstellt, aber bewahren Sie die sexy Dinge für später auf.

ein. Priorisierung von Aspekten: visuell, E-Commerce, Information, Community, Streaming.

Zurück von der Ästhetik sollte eine Künstler-Website auch nach Einnahmen strukturiert sein. Das bedeutet, dass wenn Sie hauptsächlich eine Touring-Band sind und 90% Ihres Einkommens aus Shows stammen, Ihre Website wahrscheinlich Tourdaten, eine einfache Ticketing-Option und viele Live-Clips und Goodies enthalten sollte.

Wie erstelle ich eine Website?

Profi-Tipp! Musik machen ist eine Freude, aber Geld zu verdienen, während man Musik spielt, ist Nirwana. Konzentrieren Sie sich also auf die Fans, die Sie am meisten bezahlen, und priorisieren Sie die Dinge, mit denen Sie am meisten Geld verdienen. Konzertkarten, Merchandise und Vinyl stehen normalerweise ganz oben auf der Liste. Der eigentliche Trick besteht darin, zu lernen, wie man eine Website erstellt, die diese Dinge fest priorisiert.

Merchandise, ein wichtiger Umsatzbringer bei Shows, kann auch ein zentraler Punkt für Ihre Website sein. Sie können Ihren Fans sogar die Möglichkeit geben, vor, während oder nach der Show zusätzliche Waren zu bestellen, Zeilen zu überspringen und die gewünschten Anpassungen vorzunehmen.

Es gibt auch viele Online- und Offline-Aspekte zu berücksichtigen. Erwähnen Sie Ihre Website-Adresse von der Bühne aus, spritzen Sie sie auf Ihr Hintergrunddisplay oder experimentieren Sie mit der Bündelung von Waren mit Ticketkäufen. Vielleicht erhalten Sie ein kostenloses T-Shirt, wenn Sie zwei Tickets kaufen, und einen zusätzlichen Artikel Ihrer Wahl für jedes zusätzliche Ticket.

Oder ein gebündeltes Premium-Ticket + Merch + Bier-Paket… Sie haben die Idee. Sehen Sie, was funktioniert, alles wird von Ihrer Website unterstützt (wenn Sie das Ticketing steuern können).
pearljam10

So erstellen Sie eine Website: Pearl Jam’s Ten Club

Andere Bands stehen im Mittelpunkt der Szenen, was die Website zu einem perfekten Forum und Hub für diese Community macht. Fallout Boy hatte tatsächlich viel Erfolg mit diesem Ansatz, während Pearl Jam ihre Website geschickt als Drehscheibe für ihren « Ten Club » -Fanclub nutzt.

Es gibt viele andere Variationen, einschließlich des Fokus auf bessere Einnahmequellen wie Vinyl, private Auftritte und limitierte Albumveröffentlichungen, wie oben erwähnt.

Aber vielleicht lohnt es sich, noch etwas zu erweitern. Gehen Sie in einen Supermarkt und jeder Artikel ist strategisch platziert, um das meiste Geld zu generieren. Blumen vorne, Impulsmagazine und Kaugummipackungen am Ende. Sie haben auch viele verschiedene „Artikel“ zum Verkauf. Warum also nicht Ihre Fans in die Bereiche fahren, in denen die meisten Einnahmen für Ihre Kunst erzielt werden?

Warum nicht lernen, wie man eine Website erstellt, die sich auszahlt?

b. « Fließen » Sie Ihre Fans vom Streaming zur Website.

Wir haben darüber gesprochen, Ihre Website in den Mittelpunkt eines Ökosystems verschiedener Plattformen zu stellen. Jetzt ist es an der Zeit, sich darauf zu konzentrieren, Ihre Fans von Plattformen mit niedrigeren zu höher bezahlten Plattformen zu bringen. Zum Beispiel können Streaming-Plattformen wie YouTube, SoundCloud, Spotify und Apple Music dazu beitragen, das Bewusstsein für Künstler zu stärken, sind jedoch in der Regel schlecht darin, ernsthafte Einnahmen zu erzielen.

In diesem Sinne ist es sinnvoll zu versuchen, Ihre Fans aus Bereichen mit geringerem Umsatz wie YouTube und SoundCloud zurück auf Ihre Website zu bringen. Jetzt, da sie von Ihrer Musik begeistert sind, bringen Sie sie in eine Sandbox, die viel mehr bezahlt, mit besser generierten Einkäufen wie Konzertkarten, Merchandise, Vinyl und sogar von Fans finanzierten Projekten.

Dann besteht der Trick darin, diese Fans mit Konnektoren wie E-Mail-Anmeldungen und Fan-Community dort zu halten. Plötzlich überlegen Sie, wie Sie eine Website erstellen können, mit deren Hilfe Sie ein völlig anderes Umsatzprofil erstellen können. Letztendlich geht es darum zu lernen, wie man eine Website erstellt, die Engagement und Umsatz optimiert!

c. Wer wird diesen Pre-Post-Launch überwachen?

Zu berücksichtigen ist auch, wer die Website leitet, leitet und wartet. Ist dies dieselbe Person, die die Website erstellt hat, oder werden Aktualisierungen an eine andere Person verwiesen? Ohne diese Entscheidungen können Standorte entweder auf unbestimmte Zeit im Bau bleiben oder einfach aufgrund mangelnder Wartung verrotten.

Und wenn Ihre Facebook-Seite aktualisiert wird, während Ihre Website in Trümmern liegt, verpassen Sie definitiv einige wichtige Möglichkeiten, um Ihre Fangemeinde zu verbinden, zu monetarisieren und aufzubauen.

d. Grundlegendes Site-Mapping und Wireframing.

In diesem Stadium möchten Sie möglicherweise festlegen, wie diese Site vom strukturellen Standpunkt aus aussehen soll. Dies wird den Unterschied ausmachen und die für die Inbetriebnahme erforderliche Zeit drastisch verkürzen.

Vielleicht möchten Sie Ihre Site zunächst einfach halten und später verschiedene Aspekte überlagern. Dieser Ansatz ist sehr sinnvoll, da Sie Versionen iterativ pushen können, ohne dass endlose Details und Komplexitäten Ihren Start verzögern. Websites sollten ständig wachsen und sich weiterentwickeln, und Ihre erste Version kann tatsächlich ziemlich schnell veröffentlicht werden. So erstellen Sie eine Website, die dynamisch, wachsend und voller (großer) Überraschungen ist.

Hier ist eine wirklich einfache Sitemap, um Ihnen eine Vorstellung davon zu geben, wie die Dinge organisiert werden können.

siteflowdiagram

So erstellen Sie eine Website: Eine einfache Sitemap (Bild von Andrew, CC von 2.0)

Nur eine Karte, um zu visualisieren, was Sie erstellen. Vielleicht möchten Sie etwas mit nur wenigen verschiedenen Zielen oder etwas viel Komplexeres. Beginnen Sie in jedem Fall mit der grafischen Darstellung, und die Konstruktion wird weitaus einfacher.

Halten Sie es zu diesem Zeitpunkt einfach ziemlich allgemein, da Sie es in späteren Phasen verfeinern werden. Und es wird sehr hilfreich sein, über einige andere Künstler-Websites nachzudenken, die Sie wirklich mögen. Vielleicht sind Sie von der einfachen Organisation des einen oder dem scrollenden, hochvisuellen Ansatz eines anderen inspiriert. Wenn es um grundlegende Layouts geht, wählen Sie aus, was Ihnen gefällt.

Es wurde schon so ziemlich alles gemacht, besonders auf den grundlegenderen Gebäudeebenen.

e. Multimedia-Überlegungen.

In dieser frühen Planungsphase ist es sehr hilfreich, darüber nachzudenken, welche Art von Multimedia Sie in Ihre Site integrieren möchten. Multimedia bezieht sich im Wesentlichen auf Dinge wie eingebettetes Audio und Video und kann auch komplexere Konzepte wie Musikstämme und High-End-Audio-Downloads enthalten.

Wie erstellen Sie eine Website, die problemlos Druck, Audio, Video und alles dazwischen enthält?

Die meisten Bands und Künstler haben eine bescheidene Menge an einbettbaren Audio- und Videodaten in ihre Websites integriert, wobei Partner wie SoundCloud und Vimeo leicht zu integrieren sind. Den Rest, lass sie es kaufen! Es ist jedoch hilfreich zu wissen, was Sie integrieren werden, wenn Sie sich durch die Build-Schritte bewegen.

Wie erstelle ich eine Website?

Warnung! Überraschen Sie Ihre Besucher nicht, indem Sie sofort Musik abspielen, wenn Ihre Website geladen wird. Das ist ein totaler 90er-Zug und wird amateurhaft aussehen. Für den Anfang hören die meisten Besucher bereits etwas anderes, aber sie können auch feststellen, dass sie plötzlich Ihren neuesten Titel in ihr gesamtes Büro sprengen. Überraschen Sie Ihre Fans auf andere Weise!

Teiler

Wie erstelle ich eine Website?

Teil V. Grundsteinlegung

Nachdem Sie die grundlegende Vision und den Umriss zusammengeätzt haben, können Sie Ihr Gehirn auf einige der grundlegenden Bausteine ​​konzentrieren. Diese sind für jede Website absolut kritisch, obwohl sie am Ende nicht zu kompliziert sind.

ein. Sichern eines Domainnamens.

Dies ist ein wichtiger erster Schritt für Ihre Website, sowohl für Desktop-, Mobil- oder andere Zugriffspunkte. Einfach ausgedrückt, Ihr Domain-Name oder Ihre URL (oder « Universal Resource Locator ») ist Ihre Webadresse und das, was Sie für die Lebensdauer Ihrer Website verwenden werden.

Wie erstelle ich eine Website?

Profi-Tipp! Mit Blick auf die Zukunft wird ein großer Teil Ihrer Fangemeinde über das Handy auf Ihre Website zugreifen. Das erfordert immer noch einen Domainnamen, aber es wird der gleiche sein. Und Sie können tatsächlich eine ziemlich coole App von Ihrer Website erstellen, auf die Sie über Ihren Domain-Namen zugreifen können. Dazu später mehr…

Erster Schritt: Auswahl Ihrer Domain.

Idealerweise möchten Sie einen Namen wie yourbandname.com oder yourname.com, der jedoch möglicherweise nicht immer verfügbar ist. Angesichts der Tatsache, wie alt das Internet heutzutage ist, besteht eine gute Chance, dass der gewünschte Name bereits vergeben ist (ein weiterer Tipp ist jedoch, einfach Ihren Bandnamenofficial.com zu reservieren, was ein effektiver Trick ist, der von vielen Künstlern verwendet wird ).

Wie können Sie überprüfen, ob die gewünschte URL verwendet wird? Viele verschiedene Dienste können nach Ihnen suchen und eine verfügbare Domain reservieren. Schauen Sie sich beispielsweise whois.net, Network Solutions oder tucowsdomains.com an. Alle diese können den gewünschten Domainnamen (oder die gewünschten Domainnamen) nachschlagen und überprüfen, welche Erweiterungen (wie .net, .me oder .ly verfügbar sind).

Wenn Sie den gewünschten Domainnamen gefunden haben, kaufen Sie ihn einfach!

Was ist, wenn dein Bandname nicht verfügbar ist?

Wenn Ihr Domain-Name nicht verfügbar ist, haben Sie grundsätzlich einige Optionen. Sie können versuchen, die gewünschte URL zu kaufen, was teuer sein kann, oder einfach eine andere URL auswählen. Oder warten Sie in der Hoffnung, dass der Domainname irgendwann aufgegeben wird.

Schauen wir uns die erste Option an. Wenn Ihr Name reserviert ist, aber nicht aktiv verwendet wird, können Sie ihn manchmal zu einem angemessenen Preis erwerben. Bevor Sie sich jedoch an die Person wenden, der Ihre URL gehört, überprüfen Sie, wann diese URL abläuft. Wenn es beispielsweise in einem Monat abgelaufen ist, kann der Vorbesitzer es einfach verfallen lassen. Dies ist normalerweise nicht der Fall, aber bei spezielleren URL-Namen passiert dies. Vielleicht hatte diese Person früher den gleichen Bandnamen wie Sie, ist aber seitdem zu etwas anderem übergegangen.

Den Eigentümer einer reservierten Domain finden.

Wenn Sie die URL von einer anderen Person kaufen möchten, müssen Sie nachsehen, wem die betreffende URL gehört.

Aber überlegen Sie sich Ihre nächsten Schritte genau: Wenn Sie sich direkt an diese Person wenden, kann dies zu einer Überlastung führen, da die Person jetzt weiß, dass Sie diese URL möchten, da sie mit dem Namen Ihrer Band übereinstimmt. Direkte Verhandlungen wie diese können Sie Tausende von Dollar kosten, obwohl sie manchmal unvermeidlich sind.

Betrachten Sie Ihre TLDs.

Wenn Sie sich keinen direkten Kauf leisten können, stehen Ihnen eine Reihe weiterer Optionen zur Verfügung. Es gibt jetzt alle möglichen Endungen oder TLDs (kurz für « Top Level Domains »). Was effektiv mit .com und .net begann, hat sich jetzt zu einer Vielzahl anderer Optionen erweitert, wie zum Beispiel .me, .ly, .biz, .co oder .li. Mit Blick auf die Zukunft werden weitere Erweiterungen hinzugefügt, die es einfacher machen, einen funktionierenden Domainnamen zu finden.

Die Realität ist, dass es den meisten Menschen nichts ausmacht, wenn Sie eine Erweiterung haben, die kein .com ist. Sicher, ein .com ist vorzuziehen, aber es ist nicht kritisch. Meistens kommen Ihre Fans sowieso von Google oder betreten die Website über ein Schild bei einer Show. Der Schlüssel ist, dass es leicht zu merken ist und zum Glück sind die Leute heutzutage fast immer online und müssen sich nicht lange an die URL erinnern.

bookbeeHast du eine andere Band mit genau dem gleichen Namen wie deine gefunden? Dann sollten Sie wahrscheinlich diesen rechtlichen Leitfaden lesen, wie Sie am besten vorgehen können.

Wählen Sie also etwas aus und gehen Sie, auch wenn es nur vorübergehend ist. Sie können vorerst mit myband.me überleben und später für myband.com verhandeln. If you have a strong fanbase, you can easily switch people over, or, you may decide it doesn’t really matter in the end.

And last bit on domain names: it doesn’t matter where you reserve it.  Just make sure the registrar is legit, or, if you’ve already reserved a name, figure out where you registered it.  Both require just a little bit of research.  From there, you can just transfer your nameservers to match your hosting provider when you’re ready to go live (which will make a lot more sense later in this tutorial).

b. Hosting

Your domain name is the address where people can find you.  But what happens once they arrive?

Hosting refers to where your website lives, and from where it is served.  That means everything from the code for your pages to your database, as well as images, music, and other aspects like backups.

Your site will live on a server, or a series of servers that work together to create a cohesive, easy-to-use website for your fans.  The more complicated your site becomes, the more involved your hosting package will be.

Hosting is one of those things you really want to get right, because if your hosting isn’t solid, you’ll be dealing with crashes, downtime and lost data.  A fan can’t look at tour dates if your site is down, and neither can they buy a t-shirt.  So learn how to make a website that rocks, and also has rock solid hosting.

howtomakeawebsite_hostgator1

How to Make a Website: HostGator, a hosting company focused on simple, building block construction, with extensibility across multiple screens.  We recommend these guys!

At this stage of the game, there are lots of pretty solid solutions out there, for not that much money.  And if you need something really quick-and-dirty, you can do it within a day.  One great place to start is HostGator, who sponsored this guide.  These guys specialize in things like band websites, and offer some pretty affordable rates (that’s actually one of their competitive advantages).  As you can see, their entire philosophy is geared towards simplicity, with a building block approach we’d recommend.  They’re one of the companies that really fit into our philosophy on how to make a website that effectively builds your career.

Actually, one other thing on HostGator: they also offer domain name registration services along with a bundle of other services, so HostGator is a solid place to start and what we’ll use in this example.  (If you want to try them out, use this link, and DMN2016 to get 25% off any order).

That said, there are lots of other solutions out there for hosting, depending on what you need.  A few great names that also come to mind are Squarespace, bluehost, GoDaddy, and Dreamhost, among others.  PC Magazine actually does a pretty solid review of about 10 different ones, here.

c. Seriously Simple, or Seriously Involved?

At this juncture, you should make a quick choice about what you need to build.  That includes right now (ie, launching in a day or this week), and what you want to have longer term.  For example, if you really just want a three-page site with some pics and basic information, then you shouldn’t pay for anything complicated.

If you’re aiming for anything with any level of complexity or fan interactivity, you probably need a more complicated backend.  But, as you’ll see, most of those complexities are easy to use, with backends that can quickly handle aspects like photos, multimedia, forums, or regularly updated information like tour dates.

If you’re a superstar act with hundreds of thousands or millions of followers, you probably need something higher-end and, well, BIG.  You’d be surprised that even extremely big artists can be serviced by more standardized packages these days.  But give us a shout if you need some advice navigating those next steps.

How to Make a Website

Pro tip! One thing that’s important to keep in mind at this stage is that it’s typically easy to upgrade to a bigger package.  Downgrading can be a little more complicated, especially if you sign up for a longer-term plan.

Now, if you’re on the ‘super simple’ path and want something up-and-running fast, your choice is pretty simple.  HostGator, for example, offers an entry plan for less than $4 a month, which includes all of the basics and some other aspects like security and the option to tack on emails.  Prices shift around, though at the time of this writing, the basic, ‘Hatchling’ entry package is $3.45 a month depending on the term.  A year runs about $110, which you’ll hopefully make back quickly.

howtomakeawebsite_hostgatorhatchling

Otherwise, step it up and head over to Optimized WordPress Hosting, which offers a lot more powerful features and options.  Remember, if that proves too complicated or overkill, you can always dial things back.

howtomakeawebsite_wordpressonhostgator

What’s a Shared Plan?

Unless you’re driving serious traffic, you’ll probably be sharing server space with someone else.  Servers are typically able to handle lots of traffic, so companies ‘partition’ those servers into subdivisions for a few people to use.  It’s sort of like an apartment complex, in which everyone taps into the same plumbing, air, and trash system, though none of the residents need to interact with one another.

Actually, the biggest difference here is that in the shared server environment, you won’t even know your neighbors (in fact, it’s probably best if you have no idea who’s living next door).

There are a few issues to be aware of, however.  In shared server situations, you can sometimes get slowed down by a traffic surge happening on another site.  Conversely, you can also cause slowdowns for others if you’re getting a spike.  This is usually not an issue, or only rarely occurs, but if you sense that you’re getting massively throttled by some traffic-hogging neighbor, call your hosting company to fix the issue.

Additionally, higher-end customization can be complicated if you’re on a shared environment.  Sometimes, specialized sites require lots of specialized work, which isn’t possible on a more standardized, shared system.

divider

How to Make a Website

Part VI. Setting Up WordPress.

wordpress-future-dashboard

a. What’s WordPress?

As you’ve started digging into the website building process, the name ‘Wordpress’ has probably crossed your consciousness.  So what is WordPress, exactly?  Basically, it’s a widely-used backend system that helps to organize an entire site, and combines all of the functionality into one, easy-to-use interface.  And, if you learn how to make a website using WordPress, you’ll catapult your site into a seriously professional league.

At some point, WordPress was heavily associated with blogging and bloggers.  But WordPress now powers a wide range of different site categories, with a long list of major companies (and artists) using the platform.  So it makes great sense to learn how to make a website with WordPress as your platform.

In developer talk, WordPress is what’s known as a ‘CMS,’ or ‘Content Management System,’  which basically means ‘it manages a bunch of different stuff under one umbrella.’  That includes pretty much everything you’d need in an artist site, including images, blog posts, user registrations, comments, forums, music embeds, tour calendars, e-commerce, and design aspects.

b. Advantages of Using WordPress.

There are other competitive platforms in this field, including Joomla and Drupal, though WordPress is quickly emerging as the most-supported and best choice.  That’s not to say there aren’t advantages to other CMS platforms, but if you’re just learning how to make a website, they’re less recommended.

Simply stated, the critical mass of WordPress users has grown large enough to make this platform a standard, which ensures lots of support, development, upgrades and all-around solutions to your problems.  There are also thousands of ‘plug-ins’ that handle specialized tasks and features, thanks to a massive developer community and user base (we’ll talk a lot more about plug-ins later).

And when — not ‘if’ — you run into a problem, chances are there’s a forum of geeks that have already solved the exact issue (and posted the solution online).  Or, in other cases, the developers themselves realized this problem, and fixed it for everyone.

And this goes way beyond bugs.  If there’s a specialized expansion or feature you’re considering, chances are others have wanted the same thing and, in many cases, have developed a plug-in to match your needs (and if there isn’t something already developed, maybe you should invent it and make a lot of money!)

There are other advantages that come with a widely-adopted platform like WordPress, including better all-around support and delivery.  But one of the best advantages has to do with design templates, which make it a lot simpler to both construct and design a professional site by letting someone else do most of the work.   We’ll discuss those a little later in the tutorial.

(Digital Music News is built on WordPress, by the way, which hopefully supports our argument).

c. Pricing Differences.

For an entry WordPress package, you’re probably looking at a 50% price increase on a hosted package, give or take, depending on how much traffic you need to support.  If you’re a developing artist with only modest traffic, this is pretty affordable.  Even a few hundred thousand visitors is pretty affordable (HostGator charges in the $5 to $20 range monthly for ‘Optimized WordPress’ packages, which include specialized backend support).

d. Superstar Traffic Problems.

With success comes stress, though, be happy if you have the following problem.

If you’re in the stratosphere of traffic, with more than a million views per month, you’ll need a more heavy-duty solution.  Consider this a ‘good problem,’ though there’s more to consider here than just pageviews.  And you probably won’t be learning how to make a website by yourself (and you may just be giving top-level guidance and descriptions to others).

For example, what are those users doing on your site?  If they are doing more than just accessing ‘static’ information like tour dates and images, you will also have to consider aspects like total bandwidth, storage, and other techie concepts like ‘caching’.  You may also need an ops or technical person dedicated to your site.

If you’re in this boat, drop DMN a line at [email protected], and we can offer some further guidance.

e. Setting WordPress Up: First Steps

At almost any level and fanbase size, you can easily step into ‘pre-assembled’ WordPress packages that includes hosting and even other aspects like email.  You don’t have to spend weeks setting this up, unless you’re building something that’s seriously customized (which goes a bit beyond what we’re discussing here).

So how do you get started?

Essentially, you want to start enabling your WordPress features as offered by your hosting provider, and start feeding it basic information.  First you’ll have to activate it, which can typically be accomplished in the setup process, or, via a backend ‘control panel’.

What’s a Control Panel?

Let’s take HostGator as an example.  Like many hosting companies, HostGator offers a private dashboard area that allows users to control their pages.  In HostGator’s case, this is called a cPanel, or Control Panel, which essentially lets you check stats, add new features, and manage aspects like email and user registrations.

Only a small number of people will ever view your control panel, and your site visitors will never see it.

slowdownBefore you can access your control panel, you need to make sure you’re signed up with your hosting company in a package you’ve chosen.  After your account is established, you will receive the ‘keys’ to your backend control panel, typically a temporary username and password.

Basic WordPress Setup Steps

Once inside your control panel, simply select ‘Install WordPress’ and you’ll be guided through some setup prompts.  Again, different setup processes vary, so sometimes your hosting company will send you a direct setup link, or simply set it up for you (this is especially true with higher-end or more complex setups).  If you’re stuck trying to initiate your WordPress package, just call support (they’ve definitely heard this question before).

Now, it’s onto the typical information required to start your account.  You’ll need some basic information like:

• The base domain for your installation.

This is simple: http://www.yourbandname.com, or whatever url you decided upon.

• The sub directory you want our WordPress installation to load from.

Typically this is exactly the same as your base domain, typically with a forward slash, like this: http://www.yourbandname.com/.  If you want to serve from a sub-folder, which is less common, you can designate something like http://www.yourbandname.com/us.

• Your admin email.

This is the central email for all WordPress details, so make sure it’s active and working.  Something like [email protected] will do, or, you can just use an existing email address, like [email protected]

Your admin password, and all password and credential updates, will be mailed to this address.

• Other Critical Details.

The remaining details are pretty easy.  ‘Blog Title’ should just be your band name, and you can add ‘Official Website’ if you like.  Then, enter the name and other details of your admin, as well as your username.  One thing to keep in mind is that things like usernames (and urls) are usually complicated to change later on, but your official page name and other entries are easy to adjust.

Now, start your WordPress installation if you’re required to do that step.  You’ll either see a progress bar, or receive an email indicating that everything is ready to go.  Usually this setup process is pretty easy, so if you find yourself in a complex software installation quagmire, either you’re with a complicated hosting partner, or you’re doing something wrong (now, if you like rolling your own, more power to you).

Once installed, you will be able to access everything using your username and password, with a really simple entry that looks like something like this.

wordpress_login

How to Make a Website: A typical WordPress login.

g. The WordPress Dashboard.

Once set up, it’s time to familiarize yourself with the ‘Wordpress Dashboard,’ which is basically your behind-the-scenes control pad for your site.  It’s pretty easy to use, and looks something like this.
wordpress_dashboard

How to Make a Website: The WordPress Dashboard.

This is actually the dashboard for Digital Music News, so it’s going to be a little different than your artist website dashboard.  For us, the dashboard helps us get a bird’s eye view over thousands of different stories, comments, images, videos, and all sorts of different settings.  You will enjoy the same top-level look as well.

One thing to keep in mind is that your fans (in our case, our readers) never see this dashboard.  They only see the site itself.  It’s sort of like a restaurant: only the managers, staff, and waiters see the kitchen, while the customers only sit in the dining area.

You’ll also note that there’s a special link at the top, which is unique to your dashboard page.  You actually don’t even need to bookmark that.  Instead, just go to your site, and sign in with your username and password, and you’ll see a bunch of controls pop up, like this.

dmn_toppage

How to Make a Website: Logged Into WordPress.

See that section at the top?  That horizontal black window is only visible to admins, authors and other staff.  The rest of the world only sees the site below the black ribbon.

Now, to access your Dashboard, just click on the upper left hand corner, and you’ll see a bunch of options,  Like this:

dmn_dashboardmenu

How to Make a Website: Quick Dashboard jump points.

Click ‘Dashboard,’ and joila!… you’re there.

Now, let’s start creating your epic site.

divider

How to Make a Website

Part VII. Build Plan: Deciding Your Iterations.

In the tech world, the term ‘iteration’ has become popular.  Basically, it refers to building something out in distinct, manageable phases, instead of trying to release a massive, polished product in one giant release.  Turns out this is a great approach while learning how to make a website.

This approach doesn’t work as well with products like cars (sorry, we’re still working on the back seats!)  But, it’s great for things like apps and sites, where you really want to establish a basic level of initial functionality first, then get people reacting and testing things out as you build the bigger vision.

Here’s the general rule: when it comes to interating, your fans probably won’t complain about missing features.  What they typically complain about are things like bugs, bad information, or out-of-date information (i.e., not telling 100,000 fans that you aren’t playing Coachella, after all).  So you should be figuring out how to make a website live-time, and wasting their time, but it’s actually okay if things aren’t 100% perfect.

Sketching out a few initial iterations also makes the build process manageable, and keeps you motivated with reasonable, achievable milestones.  Consider the following example iterative plan, which is broken down into phases.

Phases 1: Basic Site Launch

• Design completed.
• Simple navigation.
• Images enabled.
• Tour dates section.
• Blog started with comments enabled.
• Music and video embedded.

Phase 2: User Uploads, eCommerce

• User image uploads (social media pulls, direct upload)
• Greater video integration.
• User registrations and forum.
• Integrated ticket sales.
• Merchandise store ready.

Phase 3: Forums

• Vinyl store launched.
• Fan forum launched.
• User analysis (GeoIP analysis, traffic analysis)

Keep in mind, this is just a sample approach on how to make a website.  But by layering in greater functionality with each version, you ensure that a beautiful site is not only constructed, but refined properly as you go.

Throughout, it helps to have a big vision of what you’re trying to create.  Then, piece it out into manageable phases with a quick specification, starting with a ‘Phase 1’ document.

If you’re working with a team, that specification will be invaluable towards communicating what you are looking for.   It can also be a great shared document to update and evolve the concept.  But getting the architecture and ideas committed to some document in a concrete form will vastly accelerate your development time.

divider

How to Make a Website

Part VIII. Designing a Highly-Functional, Beautiful Site With WordPress Templates.

The next challenge you have is how to make a website with incredible, smashing design.  What do you want this thing to look like?

If you’ve done a lot of the pre-thinking above, you’ve already pondered a lot of aesthetic possibilities.  And, you may even have some concrete ideas in your mind.  Now, it’s time to take what’s in your mind and turn it into reality.

a. Why Design Templates Make Sense

There’s a dirty little secret on how to make a website that’s smashingly great, and doesn’t take months to build.

At this stage, you have two options: you can design the site entirely by yourself, or, you can reach out to the massive design and developer community for an already-designed template.  Frankly, the latter option is far more preferable, especially for an initial launch.  The reason is that the internet now connects millions of talented designers and development teams together, with tens of thousands of pre-built templates that are ready-to-use.

Not only that, there’s a very high likelihood that you’ll not only find a template you’ll love, but it will be really easy to use.  You might be amazed at how professional of a site you can create with the right template, even if you’ve never created a site before.  You’ll definitely impress your friends with a template-based approach (not to mention your fans).

There are other advantages to consider as well.  As brilliant as your design vision is, pursuing a ‘roll your own’ path will probably add months to your development cycle.  In terms of cost, you will need at least a few more thousand dollars, not to mention a designer well versed in both design and the WordPress backend.

That said, if you have a lot of resources and a desire to do something highly customized, then a dedicated designer (and possibly, a separate web developer) is the best choice.  In that case, you’ll want to start interviewing potential designers, and start developing a detailed specification for them to consider.

Designers can be found through a number of different avenues, including direct referrals (which are always good).  Other resources for designers include Design Crowd or Upwork.  In every case, make sure to pore through your prospective designer’s portfolio, and make sure you like the style.

And, make sure they know how to design for a WordPress CMS backend, otherwise you’ll be slicing and dicing images — or, more likely, hiring someone to do that for you.

WarnungWarning! At this juncture, you may receive offers to do free design work, either from friends or fans.  You, or someone in the band, may even want to do the design work yourself on Photoshop.  That may sound tempting, but unless the person really knows what he/she is doing, including the development side of things, the results could be disastrous.  And a lot more expensive than free.

Otherwise, it’s far easier to go the template route, which are predesigned and can actually be customized (or quickly replaced and refreshed) at a later date.

b. Design Templates: Getting Started.

Choosing a design template is actually a really fun process.  It’s really similar to shopping for clothing, furniture, or a Persian rug, with thousands of designers and possibilities out there.  If you’re shopping for the perfect leather chair for your apartment, you could theoretically look at thousands of possibilities.  Well, exactly the same is true when it comes to design templates.

So where should you begin?

There are actually lots of different design template marketplaces, including the WordPress community itself.  Within the WordPress Dashboard, just click ‘Themes,’ then ‘Add New,’ and you’ll be shuttled to a selection of endless themes.

theme_selection

You’ll quickly notice that there are different types of themes, with most categorized into different buckets.  Basically, the game is to try to match your first phase specification to a premade template, with some alterations required.  If you find yourself totally overhauling or trying to transforming a template to fit your needs, you’ve probably chosen the wrong template.

c. Circling In on the Perfect Template

Be prepared to lose yourself in the possibilities here, all the while setting aside your favorites for later review.  You might need a few hours to find something you love, but it’s worth the time commitment.  If you see something you really like, just hit ‘Install’ and it will be saved to your WordPress instance (don’t worry, ‘Install’ is not the same as ‘Activate’).

With each design template, you can review all of the features and customization possibilities, considering every aspect for a match.  Once you have at least a half-a-dozen possibilities, you can start to scrutinize them based on their characteristics and how they fit your vision.

How to Make a Website

Pro tip! One cool thing about templates is that you can typically switch into a new template, especially if your site is simpler.  The more customized and advanced you get, the harder that will become, but, c’est la vie.

Narrowing Your Search Criteria

Now that you’ve started to get a basic familiarization of templates, you can see that there are all types of different designs.  Design and function are tightly integrated at this stage of internet, and there are lots of templates that are trying to serve a totally different function than an artist website.  An accounting website, while great for accountants and tax preparers, isn’t exactly the functionality or vibe you want.

So, it’s time to start narrowing your search a bit!

Try some search terms that make sense, like ‘music,’ ‘artist,’ or ‘musician’.  See what pops up.  Artistic sites are typically more visual, and less packed with words.  Makes sense, since you’re an artist.  There are actually tons of different templates that are geared specifically towards artists, musicians, and bands, not to mention other specialties like composers.

These templates are designed to optimize and highlight what you are offering and who you are trying to reach, so be sure to spend the time examining specialized templates.  In some cases, you can even speak with the developer and contribute suggestions to the next template build.

So jumping in, let’s take a quick scan of the initial possibilities.

theme_selection_narrow

As an example, let’s jump into the ‘Athena’ design template, and see what we think.

As you’re reviewing the template, you’ll notice that you can review all sorts of menus, variations, and preview how the site will look on different screens (like iPads and mobile devices).  We’ll get into mobile versions later, but the simple rule is that if the theme you’re reviewing doesn’t have a mobile version, skip it.

For example, here’s a feel for how Athena’s front page looks in a mobile browser.

theme_mobile_howtomakeawebsite

Further Narrowing Your Search Criteria

After rifling through a few dozen templates, or a few hundred, you’ll start to get lots of different ideas on what you want in a template.  Do you want different columns, or something column-less?  Do you want a darker theme, something with lots of green?  How about a right column?

If you want to narrow your search along more specific criteria, just hit ‘Feature Filter’ from the ‘Add Themes’ section of the Dashboard.

narrowing_theme_criteria_howtomakeawebsite

d. Template Libraries

Want to see more templates?  Thousands and thousands of more templates?  More music-specialized templates with integrated audio and video embedding?

Well, you’re in luck, because there are lots of entire libraries of templates that you can scroll through, often with far more advanced designs and functionality than what’s presented within the WordPress interface.

Two libraries that jump to mind are Theme Forest (themeforest.net) and Elegant Themes (elegantthemes.com). Both of these libraries offered templates for a fee, as well as reviews and full details on what various templates offer.

In some cases, you can purchase the exclusive rights to a particular theme, and take if off the market.  But that costs extra, potentially a lot more.  In all reality, that’s not something you need, but it’s an option.

e. Back to embeddable audio and video

Earlier, we mentioned embeddable audio and video as important considerations for your site.  Years ago, this was notoriously hard to pull off, and really difficult for fans to figure out.  Now, it’s completely easy, and the best part is that lots of templates already have customized slots and solutions for embedding your audio and video.  You’ll see lots of options for incorporating SoundCloud, YouTube, Vimeo, or self-loaded multimedia, all of which will vastly simplify your task here.

There are even music-focused templates that includes entire music players, download aspects, and other amazing functionality (here’s one from Muzik).  There’s some amazing stuff out there, and chances are, there’s something that will match what you’re looking for.

The developers behind these templates have done the hard work for you, and have made it affordable.  All of which means you can quickly get back to your competitive advantage: making music, instead of figuring out how to encode, upload, stream, or present it.

WarnungWarning! Flash was once commonly used to build sites.  But these days, it’s best to avoid incorporating anything Flash-based in your site.  That includes audio, video, and especially ‘Flash intros’.   Otherwise, you are sending your users back to the mid-90s and probably crashing their browsers in the process.  And nothing Flash-based even works on iPhones, if you needed another reason.  Avoid.

f. Installing an external template.

If you find a WordPress template you like from an external library, the next steps are simple.  After paying for the theme, simply download what’s known as a .zip file of all the theme elements.  It’s basically a package of every piece of code, image, and features the theme contains.  Then, just upload that .zip from your desktop into your WordPress installation.

Just hit ‘Upload Theme,’ and follow the prompts.

theme_prompts_howtomakeawebsite

g. Vetting the Finalists

Ignore Reviews and Updates at Your Own Risk!

One thing that is very important when selecting a theme is to carefully review user feedback and check to see that there is solid support and routine updating.  If you find a template with a 1-star rating, it means there’s a serious problem.  But even highly-rated templates should be checked out, because there may be some lingering complaints that could affect you.

In terms of support, you want to make sure that there’s someone home to help you through any installation issues.  And, although you sometimes have the option to take a theme off the market, it’s actually more beneficial to work with a heavily-used template.  Sure, there will be a few similar-looking templates to your site, but also a lot more people in support threads and forums.

The crowd is your friend in situations like these.

Choose Wisely…. But Theme Decisions Aren’t Fatal

After all of your hours and hours of reviewing, you’ve finally picked a template you love.  Ideally, this theme will last you for years, though sometimes, after digging into things, you realize there are limitations.  This can happen, though keep in mind that you can always go grab another theme, and the only thing you’ve lost is the cost of the theme.

It’s all part of the refining and build process: sometimes you face a small setback, but it only helps you build a better product in the end.

h. Bringing Your Theme to Life

Picking the theme is actually harder than implementing it.  But, once you’ve made your choice, installed your selection and activated it into your WordPress instance, you’ll have all sorts of different options to play with.

Constructing the Skeleton.

Now, going back to the initial sitemap that you put together, it’s time to start constructing that skeleton in reality. Keep in mind that you are matching your tightly-aligned theme to your vision, but there will be some differences and extra options you hadn’t considered.  That’s completely normal: after all, this template was designed for projects like yours, but you never had an in-depth consultation with the team that built the template you chose.

Typically, you can start assigning different sections to match your initial layout, while pondering fine-tuned questions like what sections should prioritized in your navigation, what first greets the fan, etc.

At this stage, forget about the niceties!  A beautiful building doesn’t look pretty during construction.  But laying the framework and organization is critical.  Keep in functional, and keep it basic.

Start filling things in.

Now, it’s time to start loading in images, filling out more text, and filling in your sections.  Actually, you’ll be amazed at how quickly things come together if you’ve done all the prework and invested the time to find the perfect theme.

Here’s a quick starter page that can easily be customized using the ‘Raaga’ theme for bands and musicians (it’s available on Themeforest here).  This theme has quick sections for side-scrolling content, which you can easily start filling out with uploaded videos, tour date announcements, as well as a general introductory page.

raaga

Maybe you have a great shot of yourself performing in front of a huge crowd with flags waving around, while the sunlight delicately splashes onto the stage!  Or, perhaps you want a group shot.  Just upload it, change the text, and you’re ready to rock-n-roll.

Plug a show, which will eventually link to your ticket-selling solution…

raaga1

And, let’s pump up a quick video into the mix, shall we?

raaga4

Throughout this process, notice how the navigation has already been laid in.  It’s best to load in stuff like videos and hi-res images after you’ve determined not only you site organization, but how’s it going to be presented to your fans.

Start filling in all the images, text, videos, contact information, or whatever other pages you’ve designated for your first version, and you’re more than halfway towards completion.

Start customizing and refining.

Now, it’s time to start tweaking every aspect of the site, down to navigation color, size of your images, and figuring out every last image.

Here’s a really quick sample of just one of the customizations you’ll be walking through.  Just have fun tinkering through the different possible variations, which you can see live time on your preview site.

theme_options_howtobuildawebsite

There are dozens, perhaps hundreds of different tweaks you can make during the setup process.  Basically, you are filling in, moving around, and decorating a lot of different sections and boxes.  You can activate or deactivate certain areas, and determine exactly how you want things to appear.

Just constantly experiment, have fun, and keep your overall vision and framework in mind.  Of course, at this stage, everything is negotiable, so feel free to see how things work.  But all of the prework you did is now a powerful guide as you manage a million different options.

How to Make a Website

Pro tip! Be sure to take a big step back every once in a while.  Take a walk, take a drive, take a day off, whatever it takes to distance yourself from the weeds and refresh your outlook.  Just don’t STOP building, or leave things stale for too long.

i. Staging versus Production Servers.

Some hosting partners offer what’s called a ‘Staging Server’ to help you test things out in a private sandbox.  The Staging Server includes everything from color palettes to new functionality, all of which should be tested before it goes out to the world.  And when it comes to more complicated functionality and processes, it’s really nice to see how it performs (or doesn’t) before it goes live.

Once you love the way something looks, you can push it to your ‘Production Server,’ which is what the world sees (it’s live!)

Staging servers also have some other important functions, including backing up your live production environment.  That way, if something gets accidentally mangled, hacked, or otherwise disrupted, you can easily fall back to your staging environment.

Ask your hosting provider if this is something you can take advantage of.  If so, you may have to pay more.  But you’ll be given an easy interface and controls to take advantage of your staging sandbox.  It’s a really nice feature to have.

divider

How to Make a Website

Part IX. Mobile (Responsive) Sites.

detecting365

How to Make a Website: Example of responsive design, from Detecting365.

Water conforms to the shape of its container.  And so should your site (for the most part).  This part of the tutorial will delve into how to make a website that fits on nearly every screen.

This really depends on your audience, but chances are a massive percentage of your fans will be viewing your site on mobile.  That’s because a massive percentage of people view the web on mobile these days.

Keep in mind that fans will be checking your site for bits of information, wherever they are.  Are you playing in my city this weekend?  Open phone, check Google, go to your site, BAM: yes, you are.  Book tickets.  Money in your pocket, fans at your show that weekend.

These scenarios will play out again and again, and the younger your crowd, the more likely they’re hitting your site on a cell.  So, your site must work on mobile as well as desktop.

a. What is ‘Mobile Responsive’ and why does it matter?

So how can you make your site work on both?  Most up-to-date websites are what’s called ‘responsive,’ which means they work on desktop, mobile, and other screen sizes (like tablets).  It means the elements automatically adjust to fit and make sense, whatever the screen size (though, at this stage, people are still working out how sites and information should be presented on super-tiny screens like the Apple Watch, if that becomes a thing in the future).

There’s a really simple way to achieve responsiveness: just make sure it’s properly baked into the template you choose.  You can see how every page will look in the template demo before you purchase it, and, during your build process.

For starters, it should be completely functional across all screens.  Then ask yourself whether you like the way the elements are getting reconfigured to meet the differing screen sizes.

b. Multi-screen testing.

Make sure to keep testing during your build process to ensure that the presentation is coming out clean.  Don’t just test iPhone or Android, or forget to look at your site on an iPad.  Unless you’re testing lab, you won’t have everything, but the good news is that your friends will.  Someone in your circle has an iPad, Android, iPhone 5, or PC, and can do some quick checking along the way.

It’s really that simple!  You don’t need to get too complicated with this, though keep in mind that you’ll probably have to make some tweaks here and there to accommodate different devices.  As for fringe devices like Blackberry, older iPhones, and ancient computers, that’s your call.  Typically that crowd is smaller than 1-2% of your audience, so it may not be worth worrying about.

c. What About Apps?

Mobiles apps are typically distinct from your site, and really require a separate build process.  In fact, it would probably require an entirely separate tutorial just to build a serious app.

But wait: do you really need an app?

That’s a tough call, but initially, the answer is no, you don’t.  Apps are typically specialized around certain functions, like dating (Tinder), restaurant reviews (Yelp), listening to music (Spotify), navigation (Google Maps), or gaming (Pokemon Go).  For stuff like referencing band information and updates, a site is a surprisingly functional and effective solution (and as we’ll show you, can even be baked into a ‘app-like’ solution).

The reality is that you probably don’t need a full-blown app until you’re offering more specialized functionality, and even then, it’s questionable. Warum? The people that download your app are unlikely to return regularly, simply because there are so many other apps cramming for their attention.

That said, there have been some really fun artist app concepts over the years.  Maybe the most famous one comes from T-Pain, who embraced his auto-tuning ways with an interactive, auto-tuning app called ‘I Am T-Pain’ back in 2009.

So, maybe you want to create the next Pokemon Go and rally all of your fans around that.  Perhaps the winners get a huge show to celebrate, you get mass-coverage in every major publication, blow up your profile, and make millions as a result (while having a lot of fun).

Great!  But, app-building is largely a separate task, and shouldn’t be melted into your website build process.

Well, not exactly…

d. How to make a website with a quick-n-dirty, HTML5 companion app for iOS/Android.

Now, here’s a really snazzy way to hack yourself into something that looks and feels sort of like an app.  There’s something called HTML5, which is an updated codebase for building sites that can easily be ‘compressed’ into something that looks like an app.  To see if this functionality is enable, just check your template.

If it is, you’re ready to roll your pseudo-app!  Basically, users will have what looks like an app parked on their smartphone deck, which actually just opens your mobile-enabled site.  Actually, a lot of different web-focused companies have started shifting towards this approach, after realizing that most people are increasingly connected to the internet, and tend to forget the apps they downloaded (if they downloaded them at all).

With an HTML5-enabled site, you can actually prompt first-time users to park an app icon on their phones.  Then, they have the option to visit you via the ‘app,’ or simply check out your mobile-responsive site through Chrome, Safari, or some other mobile browser.

divider

How to Make a Website

Part X. Prepare to Launch!

a. How do you know it’s ready?

After you’ve laid in all of the pages according to your initial phase, and filled in all of the details to your satisfaction, it’s time to get ready for launch.  Plenty of details will remain unresolved, not to mention features and sections you want to add.  But the best practice is to push things live if everything is close and functional.

‘Close’ and ‘functional,’ are critical words at this stage.  If you’re a perfectionist (which is sometimes an asset, oftentimes a handicap), you may be tempted to delay your launch until every last detail is resolved.  Well, there’s an old adage about this very thing: “don’t let perfection be the enemy of good.”

Actually, that’s the entire rationale behind the iterative build process discussed above.  It’s great to be ambitious and think big, but not if it pushes you into a never-ending project.  Not only will you hate working on it, you run a greater chance of it never getting it done.

Better to get something out the door with a few warts, and give something to your fans.  Chances are they’ll be very forgiving, especially if the bugs are minor.  And the best part: they’ll get to see you constantly building and improving things, along with your smashingly great music releases.

b. Transferring Your Domain Name Servers.

You’ve already reserved your domain name (and if you haven’t, go back for that part of the tutorial).  Now, it’s time to point them towards your new site.

What does that mean?  Domain names, like yourband.com, are really just friendly names put on top of a number like 723.83.932.4, which is known as an IP address.  So, when you type yourband.com, that name is then mapped back to a number where the site is actually hosted.

In response, the user gets a response back from the server, which is where your site lives.  Someone makes a call, from practically anywhere in the world, and your hosting provider answers with your updated, awesome site.

So, once you properly connect your DNS system up, any visitor to your domain name will go to the right place.

If you’ve reserved your domain name through your hosting provider, this is actually a very easy step.  Just tell your hosting provider to match your domain name to what are called ‘nameservers,’ and that’s basically it.

If you’ve reserved your domain name somewhere else, that service (let’s say networksolutions.com or Go Daddy), will have a special section where you can simply enter the name servers that match your host.  First, get the proper nameservers from your host by contacting support, or looking in your welcome email or control panel.

Then, enter those numbers (there will be two) into the designated section with your DNS provider.  The matching looks something like this (specifically, if you were connecting from GoDaddy to HostGator):

nameserver_settings_howtomakeawebsite

In this case, the NS###.HOSTGATOR.COM address is just a placeholder for the actual name server you get from HostGator, which will end in .HOSTGATOR.COM.

For additional address variations, just hit ‘Edit Nameservers’ and you can direct other sub urls to different places.  For example, dev.yourbandname.com.  And, be sure to enter both www.yourbandname.com and yourbandname.com separately, as your fans will undoubtedly enter both (it’s a common issue that crops up).

c. Replication

Now that you’ve set the signposts in the proper places, you might have to wait until things propagate.  DNS shifts are instant in many cases, though it’s possible that it could take up to 72 hours for every last nook of the internet to be effectively switched over.  And with 3.5 billion people on the web and counting, that’s pretty good (especially considering that 72 hours is the outer extreme in terms of timing).

Then, crack the bubbly, and tell the world about your new site!

divider

How to Make a Website

Part XI. Setting Up Email.

a. Why Email Matters.

One of your most powerful marketing and engagement weapons is email, simply because you get to control the message, delivery, and frequency.  But most importantly, you control your list.

On Twitter, Facebook, Instagram, and Snapchat, your followers are actually owned by someone else.  Which means the rules for how you can contact those followers is determined by someone else.  In a more extreme situation, a platform can shut down, lose popularity, or block your usage, all of which severs your valuable connection to an audience you’ve built.

Just remember: once upon a time, everyone was reaching their fans via MySpace.  And every Facebook follower actually received your message.  Given how fast the web evolves, there will undoubtedly be other unhappy situations like these in the future.

By stark contrast, email has only gotten better over the past 5-10 years.  Gmail helped to revolve nagging spam problems, and platforms like Mailchimp helped to institute easy subscribe and unsubscribe standards.  Sure, people are still overwhelmed by their in-boxes, but if a fan subscribes to receive your email, they generally want to hear from you.  And that’s a connection that matters.

b. Setting up your @mybandname.com email addresses with Gmail.

The really cool part about having your own domain name is that you can also map those to your email addresses.  So, if you own www.mybandname.com, you also get to send emails from [email protected], [email protected], [email protected], etc.  Everyone in the band can have their own address, and your team can easily manage a centralized list.

Effectively, once you learn how to make a website, you’ve also learned how to make a simple, easy email system.

A super-simple way to get started on this is with Gmail and Google Apps for Work.  It’s fast, easy to set up, and easy to access from anywhere.  And, if you already have an existing Gmail account, you can easily toggle to another account created for your band correspondence.

Basically, Gmail will be handling your email from their servers via Google Apps for Work, while making an email ‘fetch’ to connect back to your DNS.  That system avoids strange forwarding or address masks that could trigger spam filters, which are bad (unless you’re totally spamming, so don’t do that!)

In order to make the call back to your hosting provider, you’ll need to modify what are called ‘MX Records’.  Basically, this is similar to mapping your DNS to the proper name servers.  You’re telling Gmail where to go to find your domain name, and giving Google permission to handle your email accounts from that location.

As you do this, you’ll need to tell your hosting provider what actual email addresses you want.  Email settings are typically contained within your Control Panel.  For this section, we’ll take Hostgator’s cPanel as an example, and march through the steps.  If you’re on another hosting provider, there’s likely a similar process for connecting up Gmail accounts.

Separately, you’ll need to initiate a Google Apps for Work account.  There’s a modest monthly charge that increases depending on how many accounts you need to manage.  But, you can easily start with a 30 day trial, and you only pay for the number of email accounts you actually need.

Once, you’ve done that, you’ll have access to a Google Apps admin dashboard.

How to Make a WebsitePro tip! If you purchased your domain from Google, you don’t need to update anything and you can start using Gmail now.  Just log into mail.google.com with your Google Apps username and password.   Or, from the Google Admin console, just click ‘Apps App Launcher’ in the top-right corner, then ‘Mail,’ and proceed.

Now, let’s start with the Google Apps control panel.  Just follow these steps:

1. Log into your Google Admin console.

2. At the top of the console, also called the dashboard, find ‘Set up email’.  Click ‘Set up Gmail.’

google_admin1

3. Click ‘Set Up email’

googleadmin2

4. Log into your Hostgator cPanel.

5. Back to the Google Apps for Work admin interface.  Locate the ‘Google Apps Setup Wizard,’ check the ‘I signed in to my domain host’ box.

6. Back to your Hostgator cPanel, scroll down to Mail, and click ‘MX Entry’.

7. Back to the Google Apps Setup Wizard.  Check the ‘I have opened the control panel for my domain box,’ and then click next.

8. Back to the HostGator cPanel, delete your existing MX records.

mxrecords1_howtomakeawebsite

9. Back to the Google Apps Setup, check the ‘I have deleted existing MX records’ box.

10. Back to cPanel, start adding these MX Records exactly, with the corresponding priority levels.

mxrecords2_howtomakeawebsite

11. Back to Google Apps, check the ‘I have created MX records with these values’ box.

12. Still in Google Apps, check the ‘I have saved the MX Records’ box.

13. You’re verified!  It may take a few hours to replicate, but oftentimes, it’s instant.

14. Now, bookmark admin.google.com, use your Google Apps username and password to enter. Just click the ‘App Launcher’ icon followed by ‘Mail.’  From there, you can continue to tweak your settings, including passwords for specific mail accounts.

15. Start accessing your Gmail accounts from mail.google.com!

(and, if you need more detailed documentation on this, head over to this Google Apps tutorial here).

divider

How to Make a Website

Part XII. What’s Bandcamp?

As you’ve plotted out your digital strategies, you’ve probably come across Bandcamp.  Or, you may have been visiting the site for years to purchase music from your favorite artists.  Basically, Bandcamp is a great resource for setting up a quick store, complete with recordings, e-commerce, and other goodies.  That includes streaming, and some really cool features that include comprehensive analysis and the ability to offer a limited amount of free listens before requiring payment.

Actually, a lot of artists simply shortcut the entire process by only building a Bandcamp site, which is one option.  The downside is that this leaves you without all of the customizations that you get from your own site, not to mention the full control over your own domain.  Selling stuff is also Bandcamp’s forte, which some artists find confining.

That said, there’s definitely a lot of traffic and a great community on Bandcamp, not to mention some fantastic features.  That’s why some artists choose to build out a Bandcamp store, while pointing heavily towards their main, motherlode artist page.

So how do you make a website that deftly incorporates Bandcamp?

Amanda Palmer, one of the most celebrated ‘do it yourself’ artists of the past few years, has perfected this approach.  Here’s what Palmer’s Bandcamp page looks like (notice the heavy link backs and navigation towards her core site, amandapalmer.net).

amandapalmer1_bandcamp_howtomakeawebsite

How to Make a Website: Connecting Bandcamp.

All of the various albums from Amanda Palmer’s Bandcamp page go to Bandcamp-powered commerce pages.  But notice how most of the top links go to either Amanda’s official website or other platforms like Twitter or Tumblr.  Even ‘Merch’ goes back to amandapalmer.net, as the artist wanted to control that part of her commerce herself.

And, here’s the official Amanda Palmer site (which easily looks like something you could easily build using this tutorial).

amandapalmer2_howtomakeawebsite

Amanda Palmer’s homepage: now that’s how to make a website!

It all goes back to the hub-and-spoke strategy that we outlined earlier.  It keeps you in total control of your core site, while connecting all of the features of other useful platforms.  And if it works for Amanda Palmer, it will probably work out for you too.

divider

How to Make a Website?

No, it’s all about how to make a website that keeps growing, expanding, connecting, and surprising your fans.  This is just the beginning.

Now that you’ve constructed your first stage artist website, there are so many more aspects to dive into.  That includes analytics, Google search optimization, and bulk email management, but we’ll save those for future tutorials.  Once you’ve learned how to make a website that really connects with your fans, you’ve opened up a myriad of new possibilities for your career.

Thanks for letting us guide you through how to make a website that really kicks ass.  And a big shout to HostGator for making this all happen.  Check them out, and use code ‘DMN2016’ for a 25% discount.

And, if you have any questions, corrections, or suggestions on this tutorial, just throw them in the comments below.  We hope to keep this a long-lasting, evergreen resource for thousands of artists.

Ciao!