Kirby Blueprint Doku

Auf dieser Seite können alle möglichen Module und Funktionen eingesehen werden. Mit diesen Modulen können individuelle Webseiten zusammengestellt werden.

Layoutmöglichkeiten

Es gibt insgesamt sechs verschiedene Layoutmöglichkeiten. Für die verschiedenen Layoutoptionen können alle Module verwendet werden. Mobil rutschen die Layouts untereinander. Es gibt die Möglichkeit die mobile Reihenfolge der Kacheln zu invertieren, so können Contentelemente flexibel angeordnet werden.

Bild

Mit dem Element können Bilder eingefügt werden. Je nach Layout (einspaltig, zweispaltig oder dreispaltig) verändert sich auch die Bilddarstellung und die Bildformate können flexibel ausgewählt werden.
Alle Bilder können auch für die mobile Darstellung angepasst hochgeladen werden.

Das ist ein dreispaltiges Layout mit dem Blocktyp: Text

Original

1:1

16:9

10:8

3:4

7:5

4:3

5:3

3:2

3:1

Texteditor

Die Textstile sind individuell anpassbar je nach Wunsch.

Es ist möglich Texte bold oder italic zu formatieren wie man es aus gängigen Texteditoren kennt.

Heading H1

Heading H2

Heading H3

Heading H4


Lists

Ungeordnete Listen zeigen Inhalte, die zusammengehören, aber in keiner bestimmten Reihenfolge. Zum Beispiel eine Einkaufsliste, Teammitglieder oder Navigationselemente.

  • ungeordnetes Listenelement
  • ungeordnetes Listenelement
  • ungeordnetes Listenelement

Geordnete Listen hingegen werden zur Darstellung von Inhalten verwendet, die in einer bestimmten Reihenfolge zusammengehören. Zum Beispiel die Schritte einer Anweisung oder sortierte Daten.

  1. geordnetes Listenelement
  2. geordnetes Listenelement
  3. geordnetes Listenelement

Verlinkung im Textmodul

Im Textmodul sind Verlinkungen möglich und es kann zu verschiedenen Zielen verlinkt werden. Dateien, Seiten, E-Mail Adressen, Anchor-Elemente innerhalb der Seite und benutzerdefinierte Angaben sind möglich.

Slider

Hierbei handelt es sich um ein grafisches Steuerelement. User können horizontal durch eine Bildergalerie sliden. Das Sliderelement eignet sich besonders gut für Imagebilder am Anfang der Homepage oder einer Unterseite.

icon-arrow-left
icon-arrow-right

Akkordeon

Ein Akkordeon Modul ist ein Navigationselement das für gewöhnlich im Inhaltsbereich einer Website verwendet wird.

Wir sind ein Büro für Design und Programmierung in Köln Kalk und realisieren benutzerfreundliche, digitale Plattformen, Magazine & Archive für Kultur und Wirtschaft.

Derzeit haben wir leider keine offenen Stellen anzubieten.

Wir freuen uns immer über deine Initiativbewerbung, wenn du ...

  • Neugier und Spass am Umgang mit neuen Technologien

  • Sinn für Schönheit und Auge für Details

  • Gespür für Usability und User-Experience

  • Ehrgeiz bei der Problemlösung

  • Offenheit und Humor

  • Interesse an gutem Mittagessen & einem netten Umgang miteinander
    hast.

Grundsätzlich sind wir offen für alle Formen der Kooperation.

Video

Mit dem Videoelement können Bewegtbilder hochgeladen werden. Dabei können Videos in den Formaten mp4, webm, and ogg verwendet werden. Mit der Autoplay Funktion werden Videos automatisch beim Abrufen der Seite abgespielt. Wird diese ausgestellt, kann durch Einfügen einer Playfunktion das Video eigenständig gesteuert werden.

Button

Buttons sind Auslöser für Aktionen und Ereignisse. Sie werden häufig verwendet, um die Aufmerksamkeit der Nutzerinnen zu wecken und eine Aktion auszulösen, z. B. die Kontaktaufnahme mit Website-Betreiberinnen.

Über das Button Modul können Mailadresse, interne und externe Links und Medien verknüpft werden. PDF Dateien werden unter Dateien hinterlegt und über das Buttonmodul "Medien" eingefügt.

Über Anker können Ankerpunkte auf der Seite gesetzt werden, damit man mit einem Button auch innerhalb einer Seite navigieren kann.

Logo

Im Logo Modul können png, jpg, jpeg, gif, svg Formate hochgeladen und Links hinterlegt werden. Dieses Modul ist für den Footer wichtig, damit kleine Dateiformate im Footer eingebunden werden können.

Teammitglied

Im Teammitglied Modul können einzelne Teammitglieder ausgewählt werden, die vorher auf der Team Übersichstseite angelegt wurden.

Vorname Nachname

Product Owner

mail@mail.com

Vorname Nachname

SCRUM Master

mail@mail.com

Vorname Nachname

Product Owner

mail@mail.com

Vorname Nachname

SCRUM Master

mail@mail.com

Kalender

Im Kalender Modul können vorher angelegte Kalenderseiten ausgespielt werden. Es kann nach einzelnen Kategorien der Kalendereinträge gefiltert werden.

  • Veggie Ipsum

    Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

    Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

  • Veggie Ipsum

    Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

    Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

  • Veggie Ipsum

    Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

    Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

News

Das News Modul stellt die zwei aktuellsten, bzw. die zwei aktuellsten Blogeinträge aus der ausgewählten Kategorie dar.

Tabelle

Im Tabellen Modul können simple Tabellen mit einer variablen Anzahl an Reihen und Spalten erstellt werden. Auch hier können die Texte variable formatiert und verlinkt werden.

DISCOVER & DEFINE

UX/UI/DIGITAL DESIGN

DEVELOP & DELIVER

Design Research
Design Thinking
User Journey
Use Cases und Nutzerszenarien
Informations-Architektur
Site Maps/ Content Maps
Kulturkommunikation
Digitalstrategie

Prototyping und Testing
User Interface Design (UI)
User Experience Design (UX)
Responsive Webdesign
Online Editorial Design
Game Design
Visual Design
Design Systems

Content-Management-Systeme (CMS)
Responsive Webseiten
Frontend Development
Web Application Development
Mobile App Development
Technical/On-Page SEO
Wartung und Hosting
Physikalische Interfaces
Microcontroller Programmierung

icon-arrow-up
Zurück zum Anfang der Seite