Basecamp Board

Dieser Artikel wird aktuell überarbeitet.

Wir arbeiten derzeit daran, diesen Teil des fjntranets zu finalisieren. Vorhandene Informationen können unvollständig oder gar fehlerhaft sein. Schaue gerne bald wieder vorbei, um diesen Artikel vollständig zu lesen.

Nach dem Kick-Off richten wir alle relevanten Tools und Prozesse für einen reibungslosen Projektablauf ein. Du erhältst von uns Login-Daten zu Basecamp, unserem Projektmanagement-Tool und Kommunikations-Hub. Einmal angemeldet, findest du in deinem Basislager alle wichtigen Daten und Links, aktuelle Projektfortschritte und unsere gesamte Kommunikation gebündelt an einem Ort.

Nicht noch ein Tool? Keine Sorge, wir führen dich Schritt für Schritt durch dein Board und sind in jeder Phase des Projektes an deiner Seite. Aus dutzenden Projektmanagement- und Kommunikationstools wird so ein einziges.

Die erste Einrichtung

Gleich zu Beginn unserer Zusammenarbeit, erhältst du einen Einladungslink von uns per Mail zugeschickt. Bitte wende dich an uns, solltest du diesen nicht innerhalb der ersten drei Tage erhalten haben. In vier einfachen Schritten hast du dein Basecamp Konto eingerichtet:

  1. Einladungs-Link in deiner Mailbox/Inbox öffnen

  2. Neuen Login via E-Mail erstellen

  3. Profil mit Name, Foto, E-Mail und Passwort anlegen

  4. Dashboard als Favorit in deinem Browser speichern oder App herunterladen.

Basecamp gibt es kostenlos als App, Desktop- und Browser-Anwendung. Die wohl simpelste Einrichtung ist das Bookmarken der Seite in deinem Browser. Um alle Daten, Fortschritte und unsere gesamte Kommunikation jedoch immer griffbereit zur Hand zu haben, empfehlen wir dir die Installation für deinen PC, Mac oder dein Smartphone. Einmal eingerichtet, wirst du so bspw. auch schnell und einfach über die wichtigsten Neuigkeiten per Push-Nachricht informiert.

Klickst du am oberen rechten Rand auf dein Avatar, kommst du zu den Einstellungen für Benachrichtigungen sowie deines Profils. Wir empfehlen dir nachfolgende Notification-Settings auszustellen, sodass du über alle wichtigen Vorgänge informiert wirst, dein Postfach jedoch nicht zugespamst wird:

  • Only notify me when someone sends me a Ping or @mentions me

  • Send me email notifications → ausstellen

  • Show the number of unread Items → einstellen

Die Benutzeroberfläche

Du hast deinen Account erstellt, die Webseite gebookmarked und dir idealerweise die dazugeörigen Apps heruntergeladen? Sehr gut, dann hast du nun alle wichtigen Dinge im Gepäck um zukünftig alle Daten, Fortschritte und unsere gesamte Kommunikation gebündelt an einem Ort zu finden. Das spart Zeit und Geld und lässt uns auf das wichtigste fokussieren: den Erfolg deines Projekts. Wie du dich schnell und unkompliziert in unserem neuen Basislager zurecht findest, erklärt dir die nachfolgende Kapitel.

Navigationsleiste

Die Navigation am oberen Rand deines Basecamp-Kontos bleibt immer an Ort und Stelle. Egal auf welcher Seite du dich befindest, bist du so nur einen Klick von deinem Startbildschirm, deinen Pings (Direkt-Chats) und Hey! (Benachrichtungen) entfernt. Menü-Elemente v.L.n.R.:

  • Home gibt dir einen Überblick über alle Projekte (Cycle überschreiben sich)

  • Lineup zeigt die aktuellen Projekte als Zeitleiste (wird meist nicht benötigt)

  • Pings sind private Direktnachrichten zwischen dir und anderen

  • Der Hey! Stapel sammelt all deine Benachrichtigungen an einem zentralen Ort

  • Alle Aktivitäten und Berichte in deinem Konto findest du unter Activity

  • Unter My Stuff findest du alle Aufgaben und Objekte, die dir zugeordnet sind

  • Mit der Suche kannst du nach Begriffen, Tasks oder Personen suchen

  • Unter Account findest du Benachrichtigungen und persönliche Präferenzen

Projektansicht & Tools

Projekte sind das Herzstück von Basecamp. In ihnen findest du alles Wichtige gebündelt an einem Ort, sodass dutzende Tools, Postfächern und Notiz-Zettel der Vergangenheit angehören. Folgende Tools sind standardmäßig in deiner Projektansicht vorhanden:

Message-Board:

Im Message Board ist der Platz für alle wichtigen Nachrichten wie Updates oder Mitschriften und ersetzt Tools wie Mail, PDFs oder Word Dokumente innerhalb eines Projektes.

Campfire: Am sog. Lagerfeuer können wir schnell, direkt und formlos kommunizieren. Da alles an einem Ort passiert, brauchen wir keine zusätzlichen Tools wie Whatsapp, Slack oder Teams.

Cycle-Timeline: Die Timeline zeigt alle aktuellen Tasks im Kanban-Style. So wissen wir immer, was gerade in welcher Phase ansteht und behalten den Überblick ohne Tools wie Trello oder Monday.

Docs & Files: Die wichtigsten Dokumente, Daten oder Links immer griffbereit an einem Ort: das ist Docs & Files. Für größere Daten oder Zwischenstände nutzen wir weiterhin Google Drive.

Schedule: Der Kalender zeigt dir die wichtigsten Termine und Meilensteine an. Nutzt du andere Tools, kannst du den Schedule auch einfach mit dem Tool deiner Wahl abonnieren.

fjnland Arc Boost

Solltest du Arc als Browser nutzen, kannst du die Benutzeroberfläche von Basecamp im fjnland Style anpassen. Klicke hierzu oben rechts auf das Site Control Center, dort auf das Broom-Icon ("New Boost" und copy paste den unten stehenden Code in die dortige CSS Sektion. Möchtest du die Benutzeroberfläche später wieder zurücksetzen, kann der sog. Boost jederzeit ein- und ausgeschaltet werden.


:root {
  /* Flächen */
--color-body: #F0EEEB !important;  /* Hintergrund */
--color-white: #f6f5f4 !important;  /* Hintergrund */
--color-canvas: #f6f5f4 !important;  /* Kacheln */
--color-ink-30: #edebe8 !important;  /* Kachel-Stack */
--color-slate-10: #F6F5F4 !important;  /* Menü-BG */
--tint-theme-10: #F0EEEB !important; /* Menü-BG-Hover */
--color-blue-20: #F0EEEB !important; /* Chat Right */
--color-uncolor-10: #F6F5F4 !important; /* Chat Left */
--color-orange-20: #F6F5F4 !important;  /* Chat Highlight */

/* Highlights */
--color-theme: #0f0f0f !important;  /* Highlightfarbe */
--color-ink-80: #0f0f0f !important;  /* Textfarbe */
--color-uncolor: #0f0f0f !important;  /* Meta Textfarbe */
--color-inverted: #F6F5F4 !important;  /* Textfarbe Inverted */
--color-red: #EDC0E1 !important;  /* Pins */
--color-red-50: #A97091 !important;  /* Notification */
--color-blue: #5093B4 !important;  /* Links */
--color-green-60: #53AC87 !important;  /* Tracker Color */

/* Sonderfarben */
  --color-yellow-40: #EDC0E1 !important;  /* Client Visible */
  --color-blue-30: #A9D5C3 !important;  /* Client Hidden */
  --color-slate-30: #E3E1DE !important;  /* Tool-Border */
  --color-aqua-50: #5093B4 !important;  /* Chat Icon */
  --color-uncolor-50: #0f0f0f !important;  /* Recently Visited */
}

.btn--client-show, .client-visibility-flag--for-index {
  color: #0f0f0f !important;  /* Client Badge Font Color */
}

.ev-project-budget-icon__percentage--normal circle {
  stroke: #E3E1DE !important; /* Budget Circle */
}

/* Kan-Ban-Farben */
.recording-color--red { 
  background-color:#EDC0E1 !important; 
}
.recording-color--blue { 
  background-color:#A9CADA !important;
}
.recording-color--green { 
  background-color:#A9D5C3 !important;
}
.recording-color--purple { 
  background-color:#EDC0E1 !important;
}
.recording-color--white { 
  background-color:#F0EEEB !important;
}

.kanban-card {
  background-color:hsla(0, 0%, 0%, 0.05) !important;
}
.kanban-card__meta {
  color: #0f0f0f !important;
}

main[data-appearing-on] .everhour.start.tiny {
  background-color: #0f0f0f !important;
}

.recording-breadcrumbs {
  background-color: #F6F5F4 !important;

}

/* ------------------ */

:root[data-color-scheme="dark"] {

/* Flächen */
--color-body: #0F0F0F !important;  /* Hintergrund */
--color-canvas: #1a1a1a !important;  /* Kacheln */
--color-ink-40: #262626 !important;  /* Kachel-Stack */
--color-slate-10: #1a1a1a !important;  /* Menü-BG */
--tint-theme-10: #262626 !important; /* Menü-BG-Hover */
--color-blue-20: #22292B !important; /* Chat Right */
--color-uncolor-10: #262626 !important; /* Chat Left */
--color-orange-20: #2b2b2b !important;  /* Chat Highlight */

/* Highlights */
--color-theme: #E9E6E2 !important;  /* Highlightfarbe */
--color-ink-80: #E9E6E2 !important;  /* Textfarbe */
--color-inverted: #0F0F0F !important;  /* Textfarbe Inverted */
--color-red: #edc0e1 !important;  /* Pins */
--color-red-50: #A97091 !important;  /* Notification */
--color-blue: #A9CADA !important;  /* Links */
--color-green-60: #53AC87 !important;  /* Tracker Color */

/* Sonderfarben */
  --rgb-beige: #0F0F0F !important; 
  --color-yellow-40: #EDC0E1 !important;  /* Client Visible */
  --color-blue-30: #295644 !important;  /* Client Hidden */
  --color-slate-30: #262626 !important;  /* Tool-Border */
  --color-aqua-50: #5093B4 !important;  /* Chat Icon */
  --color-uncolor-50: #EDC0E1 !important;  /* Recently Visited */
}

/* Kan-Ban-Farben Darkmode */

:root[data-color-scheme="dark"] .recording-color--red { 
  background-color:#A97091 !important; 
}
:root[data-color-scheme="dark"] .recording-color--blue { 
  background-color:#5093B4 !important;
}
:root[data-color-scheme="dark"] .recording-color--green { 
  background-color:#295644 !important;
}
:root[data-color-scheme="dark"] .recording-color--purple { 
  background-color:#A97091 !important;
}
:root[data-color-scheme="dark"] .recording-color--white { 
  background-color:#262626 !important;
}

:root[data-color-scheme="dark"] .kanban-card {
  background-color:hsla(0, 0%, 0%, 0.5) !important;
}
:root[data-color-scheme="dark"] .kanban-card__meta,:root[data-color-scheme="dark"]  .todos-form__field--creator,:root[data-color-scheme="dark"]  .thread-entry__time,:root[data-color-scheme="dark"]  .scheduled-event__metadata,:root[data-color-scheme="dark"]  .step__assignee,:root[data-color-scheme="dark"]  .step__due-date,:root[data-color-scheme="dark"]  .todo__note,:root[data-color-scheme="dark"]  .todo__assignee,:root[data-color-scheme="dark"]  .todo__date,:root[data-color-scheme="dark"]  .txt--uncolor  {
  color: #f6f5f4 !important;
}

:root[data-color-scheme=dark] .recording-breadcrumbs {
  background-color: #262626 !important;
}

 /* Active Chat Border */
.chat__mic:focus {
    --shadow-color: #5093B4 !important; 
}

/* Font Anpassungen */
body {
    font-family: "Noi Grotesk", sans-serif !important;
}

.project-purpose-badge {
  font-weight: 500 !important;
  letter-spacing: 0.05em; 
}

h2, h3, h4, h5, .nav__link, .txt--w-bold, .panel-header__title, b, strong {
  font-weight: 500 !important;
  letter-spacing: 0em !important; 
}

.normal, .txt--w-normal, .reading__description--chat {
  font-weight: 400 !important;
  letter-spacing: 0em !important; 
}

.card--project .project-purpose-badge:not(.project-purpose-badge--company_hq) {
    padding: 0px 0px 4px 0px !important;
}

.cards--unbookmarked > article {
  opacity: 0.4 !important;
  --max-width: var(--card-4-col) !important;
  font-size: 1.3rem !important;
  
}