Es war mal wieder Zeit für Veränderungen. Meine erfolgreiche persönliche Website www.greg.ch, aktuell in der Version 10, begann mitten im ersten Internet-Boom im Jahre 1999. Die Versionen 1 bis 9 gestaltete ich alle sehr verschieden – kreativ und fantasievoll.

Für die Version 10 machte ich eine informative Website ohne viel Schnickschnack: die Website kommt schon auf der Startseite sofort auf den Punkt, zeigt einige von mir entwickelte Websites, Kundenfeedback, Client Locations (Weltkarte) und Kompetenzen – alles auf einen Blick!

Eine moderne Website muss rasch und kompakt zur Sache kommen. Und mögliche Fragen der BesucherInnen beantworten.

1.) Layouts und Typografie

Die Layouts habe ich durchgehend optimiert und generell mehr Weissraum hinzugefügt. Weil heute immer mehr User auf einem riesigen Bildschirm surfen, habe ich eine Background Grafik designt. Die Website ist nach wie vor kompakt (und somit übersichtlich) in der Mitte, aber rechts und links davon wirkt die vorher weisse Fläche durch den dezenten Background ansprechender. Ich habe einige aktuelle CSS-Effekte eingebaut. Und für die Typografie wählte ich "Gregfont6" für Copy und "Gregfont5" für Headers. Diese Schriften finde ich gut lesbar auf allen Bildschirmen.

2.) Mobile Layouts

Basierend auf den heute populären Mobilgeräten entwickelte ich mit Responsive Web Design neue, sehr kompakte Layouts für kleine Bildschirme.

3.) Dark Mode

Meine Website hat jetzt einen "Dark Mode" (Dunkelmodus) mit einem Theme Umschalter (auf Desktops). Dies ist heute ein Bedürfnis vieler User. Das Farbschema im Dunkelmodus ist anders, so wird z.B. das dynamische Rot zu einem angenehmen Hellbraun. Auch diverse Bilder musste ich ändern, damit sie auf dunklen Backgrounds funktionieren.

4.) Lighthouse

Ich habe einen Page Footer eingebaut, der die Resultate der offiziellen Website Qualitätstests (Google "Lighthouse" resp. "PageSpeed Insights") anzeigt. Wie bei mir zu erwarten: 4 x 100%.

5.) Ladezeiten

Websites können eigentlich nie schnell genug laden. Darum habe ich mit neusten Methoden die Ladezeiten meiner Webpages optimiert — ein messbarer Unterschied.

6.) SEO

Ich habe die Suchmaschinenoptimierung meiner Website aktualisiert. Die index.php ist SEO-seitig sauber aufgebaut: dynamische Title/Descriptions, canonical, hreflang (de/en/x-default), passende Robots-Regeln und JSON-LD sind aktiv. Die Google Sitemap wird gesteuert von einer aus der Datenbank erzeugten sitemap.php und liefert lastmod, changefreq, Prioritäten sowie Sprach-Alternativen für Google. Die robots.txt ist klar Google-freundlich, sperrt nur irrelevante Bereiche (z. B. Admin, Filter-URLs) und referenziert korrekt die Sitemap. In .htaccess sichern 301-Canonical-Redirects, Sitemap-Rewrite und Caching-Regeln eine moderne Basis, damit die SEO jetzt auf dem neuesten Stand und Google-freundlich ist.

7.) Logo Redesign

Hier sehen Sie die Entwicklung des Website-Logos von 1999 bis 2026. Ich begann zu einer Zeit, als Komplexität cool war, und landete schliesslich bei Einfachheit. Die meisten Menschen bevorzugen heute minimalistische Logos. Mein Logo wurde moderner mit einem dynamischen "G" als Symbol.





(meine Workstation für Programming + Design + Komposition)

8.) Projekte Seite

Für meine Kundenprojekte hatte ich die Kategorie "Social Networks". Doch was ich entwickelte, waren korrekt "Social Websites" (v.a. Online Vereinsplattformen und Dating Plattformen). Darum habe ich die Kategorie geändert.

9.) Kundenlogos

Kundenlogos aus meinem Portfolio sind jetzt geordnet und auf A4, gut zum Ausdrucken.

10.) Skills Seite

Die Zusammenfassung meiner Skills war vorher unklar, da verschiedenartige Disziplinen wie Webdev und Trading gleich aussahen. Nun habe ich die Grafiken unterschiedlich gestaltet.

11.) Feedback Seite

Da ich tolles Feedback von Kunden und Schweizer Medien erhalten habe, musste auch diese Page renoviert werden. Jetzt mit gut lesbarer Schrift und besserem Layout www.greg.ch/reactions

12.) Fotoseite

Meine Fotoseite www.greg.ch/photos habe ich einheitlicher gemacht – die Fotos sind jetzt alle gleich breit. Als Sohn eines früheren Profi-Fotografen habe ich zudem einen Schwarzweiss-Effekt eingebaut. Ich denke, die Page ist jetzt ansprechend.

13.) Musikseite

Für meine Musikseite www.greg.ch/music designte ich 4 CD-Covers neu (ich machte 8 CDs).

14.) Doggy Page

Da ich einen neuen Hund habe, gibt es jetzt eine neue Doggy Page: www.greg.ch/joya

15.) SWB

Meinen alten aber viel gelesenen Zeitungsartikel "Swiss Webdesign Business" (sicherlich über 300k Impressions bis heute — inklusive auf Papier) habe ich gestrafft, er ist jetzt kompakter.

16.) K.I. - mein Take

Das moderne und vielfach wichtigere Thema ist Künstliche Intelligenz. Meine Ansichten dazu.

17.) Projekt HeartOpera

Für ein privates Webprojekt einer Neurologin (Ärztin) in Zürich machte ich eine komplette zweisprachige Website inklusive PHP8 Programmierung, Javascript Coding, HTML und CSS Scripting, alle neuen Designs und Layouts, einige Video- und Audio-Edits, und teilweise die Texte in Deutsch und Englisch.



Das Thema der Website ist moderne Performancekunst und experimentelle Musik in Verbindung mit der Zürcher Hochschule der Künste (zhdk.ch). Deshalb entwickelte ich ein modernes, klares Website Design. Primär sollte nichts von den gezeigten Kunst-Performances ablenken.

• Ich begann mit der Entwicklung des Namens: dieser musste zum Thema passen, einzigartig sein, und als Web-Domain noch buchbar. Meine beste Idee war "HeartOpera", weil die Ärztin sich sowohl mit Medizin als auch mit Oper befasst.
• Zweitens entwickelte ich das Logo. Dieses musste ebenfalls einzigartig sein und beide Kernthemen vermitteln. Einerseits Medizin: als wichtigstes Organ das Herz ⇛ Puls ⇛ EKG. Und andererseits die Oper ⇛ grosser Auftritt, Drama, Glamour ⇛ ein grosses "O" mit Glamour. Um das Logo ansprechend zu machen, designte ich eine kurze Logo-Animation, die bei jedem Seitenwechsel (einmal) abläuft:
  
  
• Drittens bearbeitete ich den Content: diese Website enthält aktuell 18 verschiedene Projekte — vorwiegend öffentliche Performances. Zu jedem Projekt gibt es Multimedia Content (Video oder Audio), wofür ich einige Videos und Audioclips editierte und schnitt. Weiter gibt es zu jedem Projekt zweisprachige Texte, wofür ich zwischen Deutsch und Englisch übersetzte.
• Viertens suchte ich passende Ideen für die Homepage (d.h. die Startseite), kombinierte einige Video-Szenen als "Teaser" und entwickelte einen Intro-Text (Werbetext), der das vielfältige Angebot der Website auf den Punkt bringt.
• Fünftens entwickelte ich ein zu moderner Kunst passendes Website Design, gestaltete alle Layouts und wählte die Typografie (Schriftarten und Schriftdarstellung).
• Danach waren lediglich Details zu erledigen wie das Scripting des Responsive Webdesigns zwecks Darstellung auf mobilen Geräten wie Smartphones, das Optimieren der Ladezeiten etc.


• Die fertige Website: www.heartopera.ch

FB

PS: auf meiner Facebookseite www.facebook.com/lemmenmeier gibt es hin und wieder Neues.

...Fazit

Das Update meiner Website www.greg.ch zur Version 10 hat Spass gemacht. Nach 15 Jahren Pause als Web-Worker (Programmierer/Designer/Texter) bin ich nun wieder fasziniert von den neuen Möglichkeiten und Technologien im Web! Meine Experimentierfreude ist wieder geweckt, und ich spiele mit Ideen.

Als Sohn eines erfolgreichen Unternehmensberaters Swisscoaching und Bruder eines selbständigen Software-Experten und IT-Supporters MacSimum Support ist mir klar, dass berufliche Selbständigkeit eine echte Herausforderung ist... und dass ich meine zweite Karriere im 2011 aufgab, um mich anderen Dingen zu widmen.

Manchmal vermisse ich die alte Zeit. Damals, vor gefühlt 100 Jahren, war ich ein international erfolgreicher Webdesigner mit Kunden auf fünf Kontinenten und erschien 12 Mal im Fernsehen — auf SRF1 und 3sat inklusive Wiederholungen. Oder damals, als greg.ch vom brasilianischen "TV Cultura" (70 Mio. Zuschauer) als Website des Monats präsentiert wurde — und danach meine Mailbox explodierte. Oder damals, als das Wirtschaftsmagazin "Bilanz" mich in die Liste der Schweizer "Internet VIPs" aufnahm — aber die Erwartungen an mich immer höher stiegen...

Dabei war ich doch nur 1 Typ mit 1 PC und 1 Kaffeemaschine.

Heute kümmere ich mich um... meinen Hund. Was für ein einfaches Leben!