Website für Human Design

Als meine Freundin den Schritt in die Selbstständigkeit wagte und ihre eigene Plattform für Human Design schaffen wollte, war für mich klar: Die Website muss nicht nur funktional, sondern auch ästhetisch ansprechend sein. Hier möchte ich euch einen kleinen Einblick geben, wie die Seite entstanden ist.

Als meine Freundin den Schritt in die Selbstständigkeit wagte und ihre eigene Plattform für Human Design schaffen wollte, war für mich klar: Die Website muss nicht nur funktional, sondern auch ästhetisch ansprechend sein. Hier möchte ich euch einen kleinen Einblick geben, wie die Seite entstanden ist – mit einem Fokus auf die technischen Aspekte.

Was ist Human Design?

Für alle, die sich jetzt fragen, was Human Design überhaupt ist: Es ist ein komplexes System, das Elemente aus Astrologie, I Ging, Kabbala und Chakrenlehre vereint. Vereinfacht gesagt, soll es Menschen helfen, sich selbst besser zu verstehen und bewusste Entscheidungen zu treffen. Aber keine Sorge, in diesem Beitrag geht es mehr um die Technik dahinter.

Die Basis: WordPress und Elementor Pro

Die Grundlage der Website bildet eine WordPress-Installation, die ich mit dem Page Builder Elementor Pro auf das nächste Level gehoben habe. Mit Elementor Pro konnte ich ein flexibles und ansprechendes Design umsetzen, das genau auf ihre Bedürfnisse zugeschnitten ist. So konnte ich ein Layout kreieren, das sowohl informativ als auch visuell ansprechend ist.

Dynamische Inhalte für jeden Tag

Eine Besonderheit der Seite ist der tagesabhängige Begrüssungstext. Je nachdem, an welchem Wochentag du die Seite besuchst, wirst du mit einem anderen Text begrüsst. Dieses Feature hält die Seite lebendig und bietet den Besuchern jedes Mal ein frisches Erlebnis.

Integriertes Buchungssystem mit Zeeg und Stripe

Ein Highlight, das die Website meiner Meinung nach einzigartig macht, ist das integrierte Buchungssystem. Ich habe es mit Zeeg realisiert und es ist direkt mit unserem privaten Kalender verknüpft, sodass nur verfügbare Termine zur Buchung angeboten werden. Die Zahlungsabwicklung läuft über Stripe. Diese Integration war für mich besonders spannend, da ich mich zum ersten Mal intensiv damit auseinandersetzen musste. Die Verknüpfung von Buchung und Zahlung ist ein Feature, das in meinem Portfolio definitiv hervorsticht.

Das Design: Vom Logo bis zur Farbpalette

Das Logo habe ich selbst in Adobe Illustrator gestaltet. Inspiriert von ihrer Vorliebe für das Sternschnuppen-Emoji, habe ich ein Logo entworfen, das diese Sternschnuppe stilisiert darstellt. Die Farbwahl in Champagner-Beige bzw. Altrosa verleiht dem Ganzen eine warme und einladende Note.

Harmonische Farbgestaltung mit Adobe Color

Um die gesamte Farbpalette der Website stimmig zu gestalten, habe ich mich an der Grundfarbe des Logos orientiert und mit Adobe Color eine harmonische Palette erstellt. So entsteht ein einheitlicher Look, der das Branding perfekt unterstreicht.

Subtile Bildsprache und atmosphärische Elemente

Die wenigen Bilder, die auf der Seite zum Einsatz kommen, sind bewusst gewählt. Kraftsteine, Marmor und ähnliche Erze im Hintergrund sollen die Erdung und die Verbindung zum Human Design-Thema aufgreifen, ohne die Seite zu überladen.

🔥
0Spannend
👍
0Mag ich
😍
0Lieb ich!
🔄
0Update bitte!
🙄
0Unnötig
🤔
0Aber warum?
Was ist deine Meinung zu dem Projekt?

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Teile diesen Beitrag

Weitere Beiträge

{CODE}
Samuel

SessionTags

Mein WordPress Plugin für individualisierte Webseitenerlebnisse Vor einiger Zeit habe ich mich mit der Frage beschäftigt, wie man Webseiten besser personalisieren kann. Die Herausforderung war

mehr erfahren...

Website für Human Design

Als meine Freundin den Schritt in die Selbstständigkeit wagte und ihre eigene Plattform für Human Design schaffen wollte, war für mich klar: Die Website muss

mehr erfahren...
Arduino
Samuel

FassSense

In unserem Alltag hier in der Druckerei gibt es einen Moment, der leider immer wieder vorkommt, aber total unnötig ist: Wenn das Lackfass plötzlich leer

mehr erfahren...