AstarLab.io – Markenauftritt und Erstellung der Webseite

Mit AstarLab.io bauen wir ein Unternehmen auf, das sich auf Markenauftritt, Branding, Webdesign und Social Media für kleine und mittlere Unternehmen fokussiert – international und mehrsprachig (Deutsch, Englsich, Spanisch).
Links: Astarlab.io (Eigene Webseite), Trendpuls.ch(Erstellte Webseite Für TrendPuls Media)
AstarLab ist ein gemeinsames Projekt von meinem chilenischen Kollegen Dennis und mir. Unser Ziel: KMUs einen modernen, professionellen Markenauftritt zu ermöglichen – vom Corporate Design über die Website bis hin zur Präsenz in sozialen Medien.
Setup und Infrastruktur
Wir starteten mit der Auswahl von Domain und Hosting-Anbieter. Nach einem Preisvergleich entschieden wir uns für den Server von Infomaniak – kostenlos für Studierende. Die Domain registrierten wir aus Kostengründen bei Hostinger. Anschliessend richteten wir den Server ein, konfigurierten die Sicherheit via Cloudflare und stellten die E-Mail-Kommunikation mit individueller Domain sicher.
Design und Mockups
Dennis, mit langjähriger Erfahrung im Webdesign, entwickelte das Mockup. Dies bildete die Grundlage für die Umsetzung der Website. Ich übernahm danach die Programmierung – komplett ohne Frameworks oder Plugins, mit reinem HTML, CSS und JavaScript.
Landingpage und erster Kunde
Für den Start entwickelten wir eine erste Landingpage, damit Interessierte uns direkt kontaktieren konnten. Über persönliche Kontakte konnten wir bereits unseren ersten Kunden gewinnen: trendpulsmedia (trendpuls.ch), für die wir die Website gestalteten und programmieren durften.
Marketingmaterial und mehrsprachige Umsetzung
Zusätzlich erstellten wir ein Vorstellungsmaterial in Form eines Manuals und einer PowerPoint-Präsentation. Die Website ist dreisprachig (Spanisch, Englisch, Deutsch), die Übersetzung habe ich selbst übernommen.
Autor
Thomas Buser
Minimum Page:

Caroussel:

(abb)
Frameworks machen meist mehr Arbeit
Zuerst wollte ich für Teile der Webseite, wie zum Beispiel das Karussell, auf Frameworks wie Bootstrap setzen. Bald musste ich jedoch feststellen, dass Frameworks, vor allem bei individuell gestalteten Webseiten, schnell an ihre Grenzen stossen. Schlussendlich habe ich viel Zeit damit verschwendet, vergeblich zu versuchen, die Framework-Elemente so anzupassen, dass sie den Mockup-Elementen ähneln. Dieses Vorgehen habe ich schliesslich aufgegeben und festgestellt, dass man deutlich weniger Zeit investieren muss, wenn man die Komponenten selbst ohne Framework programmiert. Daher habe ich mich entschieden, vollständig auf Frameworks und Plugins zu verzichten – mit Ausnahme des EU-Cookie-Plugins.
Zeitunterschide
Da mein chilenischer Freund tatsächlich in Chile lebt, kam es bei Videoanrufen anfangs häufig zu Verwechslungen mit der Uhrzeit. Oft haben wir uns um eine Stunde verrechnet und dadurch den Call verpasst. Zusätzlich war es durch meinen Beruf als Flugbegleiter, bei dem ich mich ständig in unterschiedlichen Zeitzonen aufhalte, noch schwieriger, gemeinsame Termine zu koordinieren. Die Lösung war, Einladungen über Google Calendar zu verschicken, da dort die Uhrzeit automatisch an die jeweilige Zeitzone des Empfängers angepasst wird.