From dd5a6f7f5041b815a3f4b49170bc07e9bbf9ca8a Mon Sep 17 00:00:00 2001
From: Eva <eva.marco@kaleidos.net>
Date: Thu, 28 Jul 2022 15:04:23 +0200
Subject: [PATCH] :tada: Improve team up invitation flow
---
.../resources/styles/main/partials/modal.scss | 247 ++++++++++++------
frontend/src/app/main/ui/onboarding.cljs | 2 +-
.../app/main/ui/onboarding/newsletter.cljs | 4 +-
.../app/main/ui/onboarding/team_choice.cljs | 163 ++++++------
frontend/translations/ca.po | 22 --
frontend/translations/de.po | 17 --
frontend/translations/en.po | 50 ++--
frontend/translations/es.po | 50 ++--
frontend/translations/fr.po | 27 --
frontend/translations/he.po | 20 --
frontend/translations/pl.po | 22 --
frontend/translations/ru.po | 5 -
frontend/translations/tr.po | 22 --
frontend/translations/zh_CN.po | 18 --
14 files changed, 311 insertions(+), 358 deletions(-)
diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss
index 4f0161563..4b8c59e2b 100644
--- a/frontend/resources/styles/main/partials/modal.scss
+++ b/frontend/resources/styles/main/partials/modal.scss
@@ -1301,102 +1301,191 @@
}
}
-.onboarding-team {
+.onboarding-team,
+.onboarding-team-members {
display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
min-width: 620px;
min-height: 420px;
- flex-direction: column;
- align-items: center;
- justify-content: center;
+ width: 816px;
+ height: 488px;
position: relative;
-
- .title {
+ .team-right {
+ width: 361px;
+ height: 100%;
+ background-color: $color-gray-50;
+ padding: 64px;
display: flex;
flex-direction: column;
- align-items: center;
- width: 408px;
+ justify-content: space-between;
- color: $color-gray-60;
- h2 {
- font-weight: 700;
- padding-bottom: 10px;
+ .subtitle {
+ font-weight: bold;
+ font-size: 20px;
+ color: $color-gray-10;
+ text-transform: uppercase;
+ margin-bottom: 8px;
}
+ .info {
+ font-size: $fs14;
+ color: $color-gray-20;
+ margin-bottom: 32px;
+ }
+ .team-features {
+ flex-grow: 1;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ margin-bottom: 0;
+ .feature {
+ display: flex;
+ align-items: center;
+ .icon {
+ display: flex;
+ align-items: center;
+ svg {
+ height: 16px;
+ width: 16px;
+ fill: $color-white;
+ }
+ }
+ .feature-txt {
+ margin: 0;
+ margin-left: 16px;
+ color: $color-white;
+ font-size: $fs14;
+ display: flex;
+ align-items: center;
+ }
+ }
+ }
+ }
+ .team-left {
+ width: 455px;
+ height: 100%;
+ padding: 64px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .title {
+ font-size: 27px;
+ font-weight: bold;
+ color: $color-gray-60;
+ margin-bottom: 6px;
+ }
+ .info {
+ font-size: $fs14;
+ color: $color-black;
+ }
+ form {
+ margin-top: 60px;
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+ .input-wrapper {
+ width: 100%;
+ label {
+ display: block;
+ font-size: $fs14;
+ color: $color-black;
+ font-weight: bold;
+ margin-bottom: 6px;
+ }
+ .custom-input input {
+ width: 100%;
+ padding-top: 0;
+ }
+ }
+ .btn-disabled {
+ color: $color-gray-40;
+ opacity: 100%;
+ }
+ .invite-row {
+ width: 100%;
+ .role-wrapper {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ margin-bottom: 8px;
+ .label {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: $fs12;
+ color: $color-gray-60;
+ }
+ }
+ .custom-input {
+ height: 96px;
+ }
+ .custom-select {
+ width: 180px;
+ overflow: hidden;
+ justify-content: normal;
+ select {
+ height: auto;
+ }
+ }
- p {
- text-align: center;
- font-size: $fs18;
+ svg {
+ width: 12px;
+ height: 12px;
+ fill: $color-gray-20;
+ }
+ }
+ .buttons {
+ margin-top: 32px;
+ width: 100%;
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 8px;
+ }
+ }
+ .skip-action {
+ background-color: transparent;
+ border: none;
+ text-align: left;
+ font-size: $fs12;
+ color: $color-gray-30;
+ cursor: pointer;
}
}
- form {
+ .paginator {
+ width: 32px;
+ height: 24px;
+ background-color: $color-gray-60;
+ position: absolute;
+ top: 16px;
+ right: 16px;
display: flex;
- flex-direction: column;
- margin-top: $size-6;
-
- .buttons {
- margin-top: 30px;
- display: flex;
- justify-content: flex-end;
-
- > *:not(:last-child) {
- margin-right: 13px;
- }
-
- input {
- margin-bottom: unset;
- }
- input[type="submit"] {
- }
-
- .btn-primary {
- min-width: 117px;
- }
+ justify-content: center;
+ align-items: center;
+ font-size: $fs12;
+ }
+ .deco {
+ &.line2 {
+ top: 422px;
+ left: 798px;
}
-
- .team-row {
- .custom-input {
- width: 459px;
- }
+ &.square {
+ top: -14px;
+ left: 483px;
}
-
- .invite-row {
- display: flex;
- justify-content: space-between;
-
- > *:not(:last-child) {
- margin-right: 13px;
- }
-
- .custom-input {
- width: 321px;
- }
-
- .custom-select {
- width: 180px;
- overflow: hidden;
- justify-content: normal;
- select {
- height: auto;
- }
- }
-
- svg {
- width: 12px;
- height: 12px;
- fill: $color-gray-20;
- }
+ &.line1 {
+ top: 357px;
}
+ }
+}
- .skip-action {
- display: flex;
- justify-content: flex-end;
- margin-top: 15px;
- .action {
- color: $color-primary-dark;
- font-weight: 500;
- font-size: $fs16;
- cursor: pointer;
- }
+.onboarding-team-members {
+ .team-left {
+ form {
+ margin-top: 32px;
}
}
}
diff --git a/frontend/src/app/main/ui/onboarding.cljs b/frontend/src/app/main/ui/onboarding.cljs
index 6f1c972e1..5ffad41d5 100644
--- a/frontend/src/app/main/ui/onboarding.cljs
+++ b/frontend/src/app/main/ui/onboarding.cljs
@@ -114,7 +114,7 @@
#(st/emit! (modal/hide)
(if (contains? @cf/flags :newsletter-subscription)
(modal/show {:type :onboarding-newsletter-modal})
- (modal/show {:type :onboarding-choice}))
+ (modal/show {:type :onboarding-team}))
(du/mark-onboarding-as-viewed)))]
(mf/with-effect [@slide]
diff --git a/frontend/src/app/main/ui/onboarding/newsletter.cljs b/frontend/src/app/main/ui/onboarding/newsletter.cljs
index bf72d5639..09fd40f1e 100644
--- a/frontend/src/app/main/ui/onboarding/newsletter.cljs
+++ b/frontend/src/app/main/ui/onboarding/newsletter.cljs
@@ -22,13 +22,13 @@
(mf/use-callback
(fn []
(st/emit! (dm/success message)
- (modal/show {:type :onboarding-choice})
+ (modal/show {:type :onboarding-team})
(du/update-profile-props {:newsletter-subscribed true}))))
decline
(mf/use-callback
(fn []
- (st/emit! (modal/show {:type :onboarding-choice})
+ (st/emit! (modal/show {:type :onboarding-team})
(du/update-profile-props {:newsletter-subscribed false}))))]
[:div.modal-overlay
diff --git a/frontend/src/app/main/ui/onboarding/team_choice.cljs b/frontend/src/app/main/ui/onboarding/team_choice.cljs
index 77cc59f0f..55c5f56b8 100644
--- a/frontend/src/app/main/ui/onboarding/team_choice.cljs
+++ b/frontend/src/app/main/ui/onboarding/team_choice.cljs
@@ -14,6 +14,7 @@
[app.main.refs :as refs]
[app.main.store :as st]
[app.main.ui.components.forms :as fm]
+ [app.main.ui.icons :as i]
[app.util.i18n :as i18n :refer [tr]]
[app.util.router :as rt]
[app.util.timers :as tm]
@@ -24,42 +25,27 @@
(s/def ::team-form
(s/keys :req-un [::name]))
-(mf/defc onboarding-choice-modal
- {::mf/register modal/components
- ::mf/register-as :onboarding-choice}
+(mf/defc team-modal-right
[]
- (let [;; When user choices the option of `fly solo`, we proceed to show
- ;; the onboarding templates modal.
- on-fly-solo
- (fn []
- (tm/schedule 400 #(st/emit! (modal/hide))))
-
- ;; When user choices the option of `team up`, we proceed to show
- ;; the team creation modal.
- on-team-up
- (fn []
- (st/emit! (modal/show {:type :onboarding-team})))
- teams (mf/deref refs/teams)]
-
- (if (< (count teams) 2)
- [:div.modal-overlay
- [:div.modal-container.onboarding.final.animated.fadeInUp
- [:div.modal-top
- [:h1 {:data-test "onboarding-welcome-title"} (tr "onboarding.welcome.title")]
- [:p (tr "onboarding.welcome.desc3")]]
- [:div.modal-columns
- [:div.modal-left
- [:div.content-button {:on-click on-fly-solo
- :data-test "fly-solo-op"}
- [:h2 (tr "onboarding.choice.fly-solo")]
- [:p (tr "onboarding.choice.fly-solo-desc")]]]
- [:div.modal-right
- [:div.content-button {:on-click on-team-up :data-test "team-up-button"}
- [:h2 (tr "onboarding.choice.team-up")]
- [:p (tr "onboarding.choice.team-up-desc")]]]]
- [:img.deco {:src "images/deco-left.png" :border "0"}]
- [:img.deco.right {:src "images/deco-right.png" :border "0"}]]]
- [:div {:on-load on-fly-solo}])))
+ [:div.team-right
+ [:h2.subtitle (tr "onboarding.team-modal.create-team")]
+ [:p.info (tr "onboarding.team-modal.create-team-desc")]
+ [:ul.team-features
+ [:li.feature
+ [:span.icon i/file-html]
+ [:p.feature-txt (tr "onboarding.team-modal.create-team-feature-1")]]
+ [:li.feature
+ [:span.icon i/pointer-inner]
+ [:p.feature-txt (tr "onboarding.team-modal.create-team-feature-2")]]
+ [:li.feature
+ [:span.icon i/tree]
+ [:p.feature-txt (tr "onboarding.team-modal.create-team-feature-3")]]
+ [:li.feature
+ [:span.icon i/user]
+ [:p.feature-txt (tr "onboarding.team-modal.create-team-feature-4")]]
+ [:li.feature
+ [:span.icon i/tick]
+ [:p.feature-txt (tr "onboarding.team-modal.create-team-feature-5")]]]])
(mf/defc onboarding-team-modal
{::mf/register modal/components
@@ -71,31 +57,39 @@
(mf/use-callback
(fn [form _]
(let [tname (get-in @form [:clean-data :name])]
- (st/emit! (modal/show {:type :onboarding-team-invitations :name tname})))))]
+ (st/emit! (modal/show {:type :onboarding-team-invitations :name tname})))))
+ on-skip
+ (fn []
+ (tm/schedule 400 #(st/emit! (modal/hide))))
- [:div.modal-overlay
- [:div.modal-container.onboarding-team
- [:div.title
- [:h2 {:data-test "onboarding-choice-team-up"} (tr "onboarding.choice.team-up.create-team")]
- [:p (tr "onboarding.choice.team-up.create-team-desc")]]
+ teams (mf/deref refs/teams)]
+ (if (< (count teams) 2)
- [:& fm/form {:form form
- :on-submit on-submit}
+ [:div.modal-overlay
+ [:div.modal-container.onboarding-team
+ [:div.team-left
+ [:h2.title (tr "onboarding.choice.team-up.create-team")]
+ [:p.info (tr "onboarding.choice.team-up.create-team-desc")]
+ [:& fm/form {:form form
+ :on-submit on-submit}
+ [:div.input-wrapper
+ [:label (tr "onboarding.choice.team-up.create-team-placeholder")]
+ [:& fm/input {:type "text"
+ :name :name}]]
- [:div.team-row
- [:& fm/input {:type "text"
- :name :name
- :label (tr "onboarding.choice.team-up.create-team-placeholder")}]]
+ [:& fm/submit-button
+ {:label (tr "labels.continue")}]]
- [:div.buttons
- [:button.btn-secondary.btn-large
- {:on-click #(st/emit! (modal/show {:type :onboarding-choice}))}
- (tr "labels.back")]
- [:& fm/submit-button
- {:label (tr "labels.continue")}]]]
+ [:button.skip-action {:on-click on-skip} (tr "onboarding.choice.team-up.create-later")]]
+ [:& team-modal-right]
+ [:div.paginator "1/2"]
- [:img.deco {:src "images/deco-left.png" :border "0"}]
- [:img.deco.right {:src "images/deco-right.png" :border "0"}]]]))
+ [:img.deco.square {:src "images/deco-square.svg" :border "0"}]
+ [:img.deco.circle {:src "images/deco-circle.svg" :border "0"}]
+ [:img.deco.line1 {:src "images/deco-line1.svg" :border "0"}]
+ [:img.deco.line2 {:src "images/deco-line2.svg" :border "0"}]]]
+
+ (st/emit! (modal/hide)))))
(defn get-available-roles
[]
@@ -156,33 +150,40 @@
(st/emit! (dd/create-team-with-invitations (with-meta params mdata))))))]
[:div.modal-overlay
- [:div.modal-container.onboarding-team
- [:div.title
- [:h2 (tr "onboarding.choice.team-up.invite-members")]
- [:p (tr "onboarding.choice.team-up.invite-members-desc")]]
+ [:div.modal-container.onboarding-team-members
+ [:div.team-left
+ [:h2.title (tr "onboarding.choice.team-up.invite-members")]
+ [:p.info (tr "onboarding.choice.team-up.invite-members-info")]
- [:& fm/form {:form form
- :on-submit on-submit}
-
-
- [:div.invite-row
- [:& fm/multi-input {:type "email"
- :name :emails
- :auto-focus? true
- :trim true
- :valid-item-fn us/parse-email
- :label (tr "modals.invite-member.emails")}]
+ [:& fm/form {:form form
+ :on-submit on-submit}
+ [:div.invite-row
+ [:div.role-wrapper
+ [:span.label (tr "onboarding.choice.team-up.roles")]
[:& fm/select {:name :role :options roles}]]
- [:div.buttons
- [:button.btn-secondary.btn-large
- {:on-click #(st/emit! (modal/show {:type :onboarding-choice}))}
- (tr "labels.back")]
- [:& fm/submit-button
- {:label (tr "onboarding.choice.team-up.invite-members-submit")}]]
- [:div.skip-action
- {:on-click on-skip}
- [:div.action (tr "onboarding.choice.team-up.invite-members-skip")]]]
- [:img.deco {:src "images/deco-left.png" :border "0"}]
- [:img.deco.right {:src "images/deco-right.png" :border "0"}]]]))
+ [:& fm/multi-input {:type "email"
+ :name :emails
+ :auto-focus? true
+ :trim true
+ :valid-item-fn us/parse-email
+ :label (tr "modals.invite-member.emails")}]]
+
+ [:div.buttons
+ [:button.btn-secondary.btn-large
+ {:on-click #(st/emit! (modal/show {:type :onboarding-team}))}
+ (tr "labels.back")]
+ [:& fm/submit-button
+ {:label (tr "onboarding.choice.team-up.invite-members-submit")}]]
+ [:div.skip-action
+ {:on-click on-skip}
+ [:div.action (tr "onboarding.choice.team-up.invite-members-skip")]]]]
+ [:& team-modal-right]
+ [:div.paginator "2/2"]
+
+ [:img.deco.square {:src "images/deco-square.svg" :border "0"}]
+ [:img.deco.circle {:src "images/deco-circle.svg" :border "0"}]
+ [:img.deco.line1 {:src "images/deco-line1.svg" :border "0"}]
+ [:img.deco.line2 {:src "images/deco-line2.svg" :border "0"}]]]))
+
diff --git a/frontend/translations/ca.po b/frontend/translations/ca.po
index f39231241..b18266dcb 100644
--- a/frontend/translations/ca.po
+++ b/frontend/translations/ca.po
@@ -1750,23 +1750,6 @@ msgstr "El perfil s'ha desat correctament!"
msgid "notifications.validation-email-sent"
msgstr "S'ha enviat un correu electrònic de verificació a %s. Reviseu el correu!"
-msgid "onboarding.choice.desc"
-msgstr "Com voleu començar?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "Aneu per lliure"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Salteu al Penpot i comenceu a dissenyar pel vostre compte."
-
-msgid "onboarding.choice.team-up"
-msgstr "Feu equip"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Esteu treballant amb algú? Creeu un equip i convideu persones a treballar "
-"juntes en projectes i compartiu recursos de disseny."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "Nom del teu equip"
@@ -1779,11 +1762,6 @@ msgstr "Introdueix el nom de l'equip"
msgid "onboarding.choice.team-up.invite-members"
msgstr "Convida membres"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr ""
-"També podràs convidar membres o canviar els rols des de la pàgina de "
-"l'equip."
-
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "Crea l'equip ara i convida membres en un altre moment"
diff --git a/frontend/translations/de.po b/frontend/translations/de.po
index 1884b139f..c675a5ef4 100644
--- a/frontend/translations/de.po
+++ b/frontend/translations/de.po
@@ -1779,23 +1779,6 @@ msgstr "Profil erfolgreich gespeichert!"
msgid "notifications.validation-email-sent"
msgstr "Verifizierungs-E-Mail an %s gesendet. Prüfen Sie Ihren Posteingang!"
-msgid "onboarding.choice.desc"
-msgstr "Wie wollen Sie beginnen?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "Allein starten"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Steigen Sie in Penpot ein und beginnen Sie, selbst zu gestalten."
-
-msgid "onboarding.choice.team-up"
-msgstr "Team bilden"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Arbeiten Sie mit jemandem zusammen? Bilden Sie ein Team und laden Sie Leute "
-"ein, gemeinsam an Projekten zu arbeiten und Gestaltungselemente zu teilen."
-
msgid "onboarding.choice.title"
msgstr "Willkommen bei Penpot"
diff --git a/frontend/translations/en.po b/frontend/translations/en.po
index 172fe1f44..3fead2e7f 100644
--- a/frontend/translations/en.po
+++ b/frontend/translations/en.po
@@ -1811,23 +1811,6 @@ msgstr "Profile saved successfully!"
msgid "notifications.validation-email-sent"
msgstr "Verification email sent to %s. Check your email!"
-msgid "onboarding.choice.desc"
-msgstr "How do you want to start?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "Fly solo"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Jump away into Penpot and start designing by your own."
-
-msgid "onboarding.choice.team-up"
-msgstr "Team up"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Are you working with someone? Create a team and invite people to work "
-"together on projects and share design assets."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "Your team name"
@@ -1840,10 +1823,35 @@ msgstr "Enter the name of the team"
msgid "onboarding.choice.team-up.invite-members"
msgstr "Invite members"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr ""
-"You will be also able to invite members and change roles later at the team "
-"section."
+msgid "onboarding.choice.team-up.invite-members-info"
+msgstr "Remember to include everyone. Developers, designers, managers... diversity adds up :)"
+
+msgid "onboarding.choice.team-up.roles"
+msgstr "Invite members with the role:"
+
+msgid "onboarding.choice.team-up.create-later"
+msgstr "Create a team later"
+
+msgid "onboarding.team-modal.create-team"
+msgstr "Create a team"
+
+msgid "onboarding.team-modal.create-team-desc"
+msgstr "A team allows you to collaborate with other Penpot users working in the same files and projects."
+
+msgid "onboarding.team-modal.create-team-feature-1"
+msgstr "Unlimited files and projects"
+
+msgid "onboarding.team-modal.create-team-feature-2"
+msgstr "Multiplayer edition"
+
+msgid "onboarding.team-modal.create-team-feature-3"
+msgstr "Roles management"
+
+msgid "onboarding.team-modal.create-team-feature-4"
+msgstr "Unlimited members"
+
+msgid "onboarding.team-modal.create-team-feature-5"
+msgstr "100% free!"
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "Create team and invite later"
diff --git a/frontend/translations/es.po b/frontend/translations/es.po
index e000b6145..68698a8ad 100644
--- a/frontend/translations/es.po
+++ b/frontend/translations/es.po
@@ -1891,23 +1891,6 @@ msgstr "Perfil guardado correctamente!"
msgid "notifications.validation-email-sent"
msgstr "Verificación de email enviada a %s. Comprueba tu correo."
-msgid "onboarding.choice.desc"
-msgstr "¿Cómo quieres empezar?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "Volar en solitario"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Entra en Penpot y empieza a diseñar por tu cuenta."
-
-msgid "onboarding.choice.team-up"
-msgstr "Forma equipo"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"¿Estás trabajando con alguien? Crea un equipo e invita a la gente a "
-"trabajar juntos en proyectos y a compartir recursos de diseño."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "El nombre de tu equipo"
@@ -1920,10 +1903,35 @@ msgstr "Introduce el nombre del equipo"
msgid "onboarding.choice.team-up.invite-members"
msgstr "Invitar integrantes"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr ""
-"También podrás invitar integrantes y cambiar roles más tarde desde la "
-"sección del equipo."
+msgid "onboarding.choice.team-up.invite-members-info"
+msgstr "No olvides incluir personas de desarrollo, diseño, gestión… la diversidad suma :)"
+
+msgid "onboarding.choice.team-up.roles"
+msgstr "Invitar integrantes con el rol:"
+
+msgid "onboarding.choice.team-up.create-later"
+msgstr "Crea un equipo más tarde"
+
+msgid "onboarding.team-modal.create-team"
+msgstr "Crea un equipo"
+
+msgid "onboarding.team-modal.create-team-desc"
+msgstr "Un equipo permite colaborar en Penpot trabajando en los mismos archivos y proyectos."
+
+msgid "onboarding.team-modal.create-team-feature-1"
+msgstr "Archivos y proyectos ilimitados"
+
+msgid "onboarding.team-modal.create-team-feature-2"
+msgstr "Edición multijugador"
+
+msgid "onboarding.team-modal.create-team-feature-3"
+msgstr "Gestión de roles"
+
+msgid "onboarding.team-modal.create-team-feature-4"
+msgstr "Sin límite de integrantes"
+
+msgid "onboarding.team-modal.create-team-feature-5"
+msgstr "¡100 gratis!"
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "Crear equipo e invitar después"
diff --git a/frontend/translations/fr.po b/frontend/translations/fr.po
index f08b6c145..c09167591 100644
--- a/frontend/translations/fr.po
+++ b/frontend/translations/fr.po
@@ -1811,28 +1811,6 @@ msgstr "Profil enregistré avec succès !"
msgid "notifications.validation-email-sent"
msgstr "E‑mail de vérification envoyé à %s. Vérifiez votre e‑mail !"
-msgid "onboarding.choice.desc"
-msgstr "Comment voulez-vous commencer ?"
-
-#, fuzzy
-msgid "onboarding.choice.fly-solo"
-msgstr "C'est parti !"
-
-#, fuzzy
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Essayez Penpot et commencez à concevoir par vous-même."
-
-#, fuzzy
-msgid "onboarding.choice.team-up"
-msgstr "Faites équipe"
-
-#, fuzzy
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Vous travaillez avec quelqu'un ? Créez une équipe et invitez des personnes "
-"à travailler ensemble sur des projets et à partager des composants de "
-"design."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "Le nom de votre équipe"
@@ -1847,11 +1825,6 @@ msgstr "Entrez le nom de l'équipe"
msgid "onboarding.choice.team-up.invite-members"
msgstr "Inviter des membres"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr ""
-"Vous pourrez également inviter des membres et changer les rôles plus tard "
-"dans la section équipe."
-
#, fuzzy
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "Créer une équipe et inviter plus tard"
diff --git a/frontend/translations/he.po b/frontend/translations/he.po
index 0a6a46101..9857730dc 100644
--- a/frontend/translations/he.po
+++ b/frontend/translations/he.po
@@ -1755,23 +1755,6 @@ msgstr "הפרופיל נשמר בהצלחה!"
msgid "notifications.validation-email-sent"
msgstr "הודעת האימות נשלחה בדוא״ל אל %s. נא לבדוק את הדוא״ל שלך!"
-msgid "onboarding.choice.desc"
-msgstr "איך מתחשק לך להתחיל?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "לעוף עצמאית"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "לקפוץ ישירות לתוך Penpot ולהתחיל לעצב בעצמך."
-
-msgid "onboarding.choice.team-up"
-msgstr "להצטוות"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"עובדים בשותף? אפשר ליצור צוות ולהזמין אנשים לעבוד יחד על מיזמים ולשתף משאבי "
-"עיצוב."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "שם הצוות שלך"
@@ -1784,9 +1767,6 @@ msgstr "נא למלא את שם הצוות"
msgid "onboarding.choice.team-up.invite-members"
msgstr "הזמנת חברים"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr "תהיה לך אפשרות להזמין חברים ולהחליף את תפקידיהם בהמשך בסעיף הצוות."
-
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "יצירת צוות והזמנה בהמשך"
diff --git a/frontend/translations/pl.po b/frontend/translations/pl.po
index a55ea73a5..fd764c88c 100644
--- a/frontend/translations/pl.po
+++ b/frontend/translations/pl.po
@@ -1773,23 +1773,6 @@ msgstr "Profil został pomyślnie zapisany!"
msgid "notifications.validation-email-sent"
msgstr "Email weryfikacyjny został wysłany do %s. Sprawdź swój email!"
-msgid "onboarding.choice.desc"
-msgstr "Jak chcesz zacząć?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "Startuj sam"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Wskocz do Penpot i zacznij projektować samodzielnie."
-
-msgid "onboarding.choice.team-up"
-msgstr "Tworzenie zespołu"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Pracujesz z kimś? Utwórz zespół i zaproś ludzi do wspólnej pracy nad "
-"projektami i udostępniania zasobów projektowych."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "Nazwa twojego zespołu"
@@ -1802,11 +1785,6 @@ msgstr "Wprowadź nazwę zespołu"
msgid "onboarding.choice.team-up.invite-members"
msgstr "Zaproś członków"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr ""
-"Będziesz także mógł zapraszać członków i zmieniać później role w sekcji "
-"zespołu."
-
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "Utwórz zespół i zaproś później"
diff --git a/frontend/translations/ru.po b/frontend/translations/ru.po
index 8dbd53626..04e95991a 100644
--- a/frontend/translations/ru.po
+++ b/frontend/translations/ru.po
@@ -1491,11 +1491,6 @@ msgstr "Вы не можете удалить профиль. Сначала с
msgid "notifications.profile-saved"
msgstr "Профиль успешно сохранен!"
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Вы с кем-то работаете? Создайте команду и пригласите людей для совместного "
-"редактирования проектов и хранения ресурсов."
-
msgid "onboarding.slide.1.desc1"
msgstr "Создайте различные взаимодействия для имитации поведения продукта."
diff --git a/frontend/translations/tr.po b/frontend/translations/tr.po
index 49d903753..c3bc1dfda 100644
--- a/frontend/translations/tr.po
+++ b/frontend/translations/tr.po
@@ -1790,23 +1790,6 @@ msgstr "Profil başarıyla kaydedildi!"
msgid "notifications.validation-email-sent"
msgstr "%s adresine doğrulama e-postası gönderildi. E-posta kutunuza bakın!"
-msgid "onboarding.choice.desc"
-msgstr "Nasıl başlamak istersiniz?"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "Tek başına devam et"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "Penpot dünyasına atlayın ve kendi başınıza tasarlamaya başlayın."
-
-msgid "onboarding.choice.team-up"
-msgstr "Takım oluştur"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr ""
-"Biriyle mi çalışıyorsunuz? Bir takım oluşturun ve insanları projeler "
-"üzerinde birlikte çalışmaya ve tasarım varlıklarını paylaşmaya davet edin."
-
msgid "onboarding.choice.team-up.create-team"
msgstr "Takımınızın adı"
@@ -1819,11 +1802,6 @@ msgstr "Takımın adını girin"
msgid "onboarding.choice.team-up.invite-members"
msgstr "Üyeleri davet edin"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr ""
-"Ayrıca daha sonra takım bölümünden üyeleri davet edebilecek ve rolleri "
-"değiştirebileceksiniz."
-
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "Takım oluştur ve daha sonra davet et"
diff --git a/frontend/translations/zh_CN.po b/frontend/translations/zh_CN.po
index 2106ec75c..eed7e6a81 100644
--- a/frontend/translations/zh_CN.po
+++ b/frontend/translations/zh_CN.po
@@ -1677,21 +1677,6 @@ msgstr "个人资料保存成功！"
msgid "notifications.validation-email-sent"
msgstr "验证邮件已发至%s。请检查电子邮箱！"
-msgid "onboarding.choice.desc"
-msgstr "想要如何开始？"
-
-msgid "onboarding.choice.fly-solo"
-msgstr "单飞"
-
-msgid "onboarding.choice.fly-solo-desc"
-msgstr "跳转到Penpot并开始进行您自己的设计。"
-
-msgid "onboarding.choice.team-up"
-msgstr "组建团队"
-
-msgid "onboarding.choice.team-up-desc"
-msgstr "你在和别人合作吗？创建一个团队，邀请成员参与合作，共享设计素材。"
-
msgid "onboarding.choice.team-up.create-team"
msgstr "团队名称"
@@ -1704,9 +1689,6 @@ msgstr "输入团队名称"
msgid "onboarding.choice.team-up.invite-members"
msgstr "邀请成员"
-msgid "onboarding.choice.team-up.invite-members-desc"
-msgstr "您还可以稍后在团队页面邀请成员和更改角色。"
-
msgid "onboarding.choice.team-up.invite-members-skip"
msgstr "创建团队并稍后邀请"