Ich nehme ab Juni wieder neue Projekte an.

Dateien senden

Damit wir möglichst effizient zusammenarbeiten können ist es wichtig, dass Sie uns Ihre Dateien (Texte, Bilder, Schriftarten etc.) auf eine übersichtliche Art und Weise senden.

Wichtig: Sie sind der Profi in Bezug auf Ihre Dateien. Was für Sie ganz klar ist, dass verstehe ich vielleicht nicht ohne ergänzende Hinweise. Bereiten Sie die Dateien so auf, damit ich weiss, was wo und wie eingesetzt werden soll. Ordner und Unterordner helfen beim Strukturieren.

Wie kann ich Dateien senden?

  1. Via E-Mail (mail@galliweb.ch)
  2. Via SwissTransfer
  3. Via Teilen des Ordners in Ihrer Cloud (OneDrive, Dropbox, Google Drive etc.)

In welchen Formaten kann ich Dateien senden?

  1. Texte
  2. Bilder
  3. Schriftarten
  4. Videos/Animationen
  5. Layouts/Designs

1. Wie kann ich Texte senden?

Wenn es nicht viel Text ist, dann direkt via E-Mail, WhatsApp oder Threema.

Bei viel Text, am besten via Word, Google Docs oder Pages. Wenn es gar nicht anders geht, können Sie mir die Texte auch als PDF senden.

2. Wie kann ich Bilder senden?

Sie können Bilder in den Formaten .jpg, .jpeg, .png, .svg, .heic oder .gif senden.

2.1 Müssen die Bilder eine bestimmte Grösse haben?

Senden Sie mir am besten die grössten Bilder welche Sie haben. Je grösser und hochauflösender, desto besser.

2.2 Muss ich die Bilder noch verkleinern?

Sie können die Bilder mit einem Tool wie https://shrinkme.app/ komprimieren – das müssen Sie aber nicht.

Ich komprimiere die Bilder für den Einsatz auf der Website und konvertiere diese zusätzlich in .webp sowie .avif Bildformate um.

Achtung: Wenn für ein Layout ein hochformatiges Bild gewünscht wird – dann senden Sie mir bitte dazu auch ein hochformatiges Bild. Querformatige Bilder können zwar genutzt werden, es verzieht dann einfach den Bildausschnitt.

3. Wie kann ich Schriftarten senden?

3.1 Eigene Schriftarten

Ich brauche mindestens eine Schriftdatei im Format .ttf oder .otf, damit ich diese in .woff & .woff2 konvertieren kann. Wenn Sie die Schriftart schon im .woff oder .woff2 Format haben, umso besser.

3.2 Google Fonts

Senden Sie mir einfach den Browser-Link zur Google Schriftart.

3.2 Adobe Fonts

Da ich keine Adobe Produkte nutze, müssen Sie die Schriftart selbst lizenzieren. Dann können Sie ein Web-Projekt mit den gewünschten Schriftarten erstellen. Senden Sie mir dann entweder den link für den head Bereich der Website oder die Projekt-ID des Web-Projekts.

4. Wie kann ich Videos/Animationen senden?

Am besten via .mov, .mp4, .gif, .svg oder LottieFiles.

Ich binde die Videos/Animationen je nach Verwendungszweck passend ein und konvertieren die Formate falls notwendig.

5. Wie kann ich Layouts/Designs senden?

Ich arbeite hauptsächlich mit Figma. Dort können Sie mir einfach Ihre Layouts/Designs teilen und ich programmiere das in eine Website.

Alternativ können Sie mir auch Ihre Sketch, Canva oder Adobe XD Datei teilen.

Wenn Sie das alles nicht nutzen, können Sie mir Ihre Layouts/Designs auch einfach via PDF, InDesign oder Photoshop senden.

Und wenn Sie auch da nicht wissen was das alles ist, reicht auch ein Foto von einer handgemachten Skizze. Ich brauche einfach eine ungefähre Vorstellung davon, was Sie programmieren lassen möchten.

Es braucht weder Pixel-Perfekt zu sein, noch müssen Sie an alle Elemente in Ihrer Gestaltung gedacht haben. Ich kann Sie dabei unterstützen.

Hinweise für Print-DesignerInnen

Gerade beim Umstieg von Printdesign auf das Design für digitale Endgeräte fällt vielen der Switch recht schwer, weil stark umgedacht werden muss. Die Hauptschwierigkeit liegt darin, dass verschiedene Endgeräte mit verschiedenen Dimensionen mitberücksichtigt werden müssen.

  • Layouts müssen sich fluide an verschiedene Endgeräte wie Tablets oder Smartphones anpassen können.
  • Farbkontraste: Handy/Laptop bei Sonnenlicht
  • Nur Farbe als Hinweise reichen nicht: Farbenblindheit > Icons mitnutzen
  • Überschriften- und Textumbrüche. Funktioniert das Design überhaupt, wenn die Texte keinen Platz haben?
  • Interaktivität berücksichtigen: Bspw. Links und Buttons wenn man mit der Maus drüberfährt.
  • Orientierung: Wo genau befinde ich mich gerade auf der Seite? Wie sehe ich das? Breadcrumbs / aktive Links.

Aktualisiert am 8. April 2025

Galli Web