matchical

Finden Sie IT Experten, die am besten zu Ihrem Projekt passen.

Einführung

Matchical.com, ein in München ansässiges Startup, kontaktierte uns, um eine Plattform zu entwickeln, die den HR-Markt in der deutschen IT-Branche verändern soll. Der Umfang unserer Arbeit umfasste die Anpassung des Produktdesigns, Branding, UX / UI Design, Webentwicklung und AWS DevOps.

Workshops und Produktdesign

Während des Workshops "Anforderungsanalyse und Prioritätensetzung" kam der Kunde zu dem Schluss, dass Matchical eine neue visuelle Identität benötigt.

Die Idee für die neue visuelle Identität basierte auf dem Hauptwert des Produkts - der Suche nach IT-Experten, die genau den Projekt- und Einstellungsanforderungen entsprechen. Aus diesem Grund haben wir uns im neuen Markenlogo auf das Radardiagramm bezogen. Diese Art von Diagramm ermöglicht es, den Grad der Übereinstimmung zu beurteilen und einen Kandidaten mit einem anderen zu vergleichen.

Bewegung im Branding

Ein neues Zeichen ist stark genug, um lebendig zu sein und sich je nach Zustand zu verändern. Das Matchical-Logo kann die Zustände des Systems ausdrücken - Sprache, Suche und Ergebnis. Es bezieht sich auf die derzeit fortschrittlichsten und technologischen Lösungen - maschinelles Lernen, künstliche Intelligenz und Datenwissenschaft.

Sprache
Suche
erfolgreiches Ergebnis

Illustrationen

Um die Schnittstelle ansprechend zu gestalten, haben wir Illustrationen verwendet. Dank ihrer Einfachheit lenken sie nicht von den wichtigsten Anwendungsfällen der Schnittstelle ab. Im richtigen Kontext eingesetzt, verbessern Illustrationen die User Experience erheblich.

Festlegen der Farben

Wie kann man ein Produkt mit einem Foto kennzeichnen, wenn es ein Foto ist?

Wir haben das visuelle Identitätssystem mit dem besonderen Einsatz von Fotos entwickelt. Dadurch spiegeln sie den Charakter der Marke wider und sorgen für ein einheitliches Bild.

Verwaltung der Rollen

Unsere Arbeit an der UX und UI der Plattform basierte auf einer gründlichen Geschäftsanalyse, die von den Eigentümern des Startups durchgeführt wurde. Wir haben einzelne Systemmodule auf der Grundlage von Diagrammen, Benutzerfluss und Schnittstellen-Benchmarking entworfen. Das Modul Role Management war eines davon. Die Möglichkeit, komplexe Berechtigungsstrukturen zu erstellen, sollte über eine einfache Schnittstelle verwaltet werden.

Komponenten-Bibliothek

Wir haben ein UI-Kit entwickelt, das die Anforderungen der Plattform vollständig erfüllt. Das UI Kit enthält über 600 einzigartige Komponenten und ihre Varianten.

Wir haben die neuesten Figma-Funktionen sowie Design Tokens verwendet. Dadurch ist der Product Owner in der Lage, in verschiedenen Phasen der Projektumsetzung verschiedene Entscheidungen bezüglich des Designs zu treffen.

Design tokens

Wir haben Design-Token verwendet, die es uns ermöglichen, das Design schnell an unvorhergesehene Änderungen in den nächsten Phasen des Projekts anzupassen.

Design tokens

Typografie

Für die Gestaltung der Plattform haben wir eine Kombination aus zwei Schriften vorgeschlagen - Steradian und Commissioner.

Registrierung auf der Plattform

Wir haben einen klaren Registrierungsprozess erstellt, der es dem Benutzer ermöglicht, mehr über die Möglichkeiten und Werte von Matchical.com zu erfahren.

Project Stack

Datum der Veröffentlichung:
12 Aug 2022
Erledigt in 60 Tage
Erfahren Sie mehr über die Technologien, mit denen wir arbeiten Technologien

Team

Technische Beschreibung

Herausforderung

Stworzenie skalowalnego rozwiązania, opartego o mikrousługi ze współdzielonym UI. Projekt powstawał równolegle z pracami UX/UI oraz analizą biznesową, co wymagało dużej dyscypliny w zakresie architektury systemu oraz modułowości wdrożenia.

Narzędzie AWS Cloud

CodePipeline, CodeCommit, CodeAritfact, SNS, SQS, SES, EC2, S3, CloudFront, Route53, Lambda, Cognito, Amplify, RDS, Translate, CDK

Mikrousługi

Od samego początku chcieliśmy, żeby system był skalowalny, jednocześnie rozsądny budżetowo. Praktycznie całe rozwiązanie zostało oparte o mikrousługi rozmieszczone w AWS, a każda usługa była skonfigurowana tak, żeby generować możliwie najniższe koszty (serverless).

Stack

React, Redux, Django Rest Framework, MUI, PostgreSQL

Pełna internacjonalizacja

Platforma powstawała z myślą o pełnej internacjonalizacji nie tylko w zakresie interfejsu, ale również w zakresie zawartości wprowadzanej przez użytkowników. Po ich wprowadzeniu treści są automatycznie tłumaczone przez Amazon Translate, co znacząco ułatwia użytkownikom dotarcie do szerokiego grona odbiorców. Zarządzanie lokalizacją aplikacji jest całkowicie zautomatyzowane i wspierane przez algorytmy ML (machine learning).

Zespół MVP

Od strony technologicznej projekt był realizowany przez dwóch doświadczonych full-stack developerów z umiejętnościami DevOps, co pozwoliło stworzyć rozwiązanie bez konieczności angażowania dodatkowych specjalistów. W efekcie maksymalnie ograniczyło to potrzebny do stworzenia MVP budżet.