Projekt

Wyjście do miasta: jak Tetraform Studio zaprojektowało interaktywny atlas zawodów

Wyjście do miasta: jak Tetraform Studio zaprojektowało interaktywny atlas zawodów

Wypróbuj 4 najlepsze zawody projektanta. Za darmo ➞ W ciągu 5 dni zapoznasz się z ilustracją, UX/UI, projektowaniem stron internetowych i grafiką. Dodaj 4 świetne etui do swojego portfolio i zdecyduj, w jakim kierunku pójść dalej.

Dowiedz się więcej

Współzałożyciel i główny projektant studia Tetraform dzieli się swoimi poglądami na temat procesu tworzenia projektów łączących wysoką funkcjonalność z imponującym efektem wizualnym. W tym artykule przyjrzymy się kluczowym aspektom projektowania, które pomagają zrównoważyć praktyczność i estetykę, oraz omówimy najlepsze praktyki realizacji udanych projektów. Dowiedz się, jak Tetraform tworzy unikalne rozwiązania, które przyciągają uwagę i spełniają potrzeby klientów. Linki są istotnym elementem treści internetowych, odgrywając kluczową rolę w nawigacji. Umożliwiają użytkownikom przechodzenie między stronami, zapewniając dostęp do dodatkowych informacji i zasobów. Znaczenia wysokiej jakości linków nie można przecenić, ponieważ przyczyniają się one do poprawy pozycjonowania witryny w wyszukiwarkach (SEO). Prawidłowe wykorzystanie linków wewnętrznych i zewnętrznych pomaga wyszukiwarkom lepiej indeksować treści i zwiększa wiarygodność witryny. Skuteczne linki powinny być trafne, aktualne i osadzone w kontekście, poprawiając komfort użytkownika i wydłużając czas spędzany na stronie. Linki powinny być wplatane w tekst w sposób przemyślany i naturalny, aby nie rozpraszać czytelnika, a raczej kierować go do przydatnych informacji. Wybór przyszłego zawodu to zawsze złożony proces. Informacje o różnych dziedzinach i specjalnościach są często mylące i niekompletne. Szczególnie niepokojąca jest perspektywa, że ​​wybrany zawód może szybko stać się nieistotny. Aby zapewnić sobie sukces w przyszłości, ważne jest dokładne zbadanie zawodów poszukiwanych na rynku pracy i śledzenie trendów.

Sberbank i Wyższa Szkoła Ekonomiczna Narodowego Uniwersytetu Badawczego uruchamiają stronę internetową poświęconą dwunastu przyszłym ścieżkom kariery dla studentów, uczniów i młodych profesjonalistów. Projekt rozwija zespół Center-Game, który odpowiada za koncepcję i architekturę, a Tetraform zajmuje się projektowaniem i inżynierią. Nowa platforma zapewni użytkownikom aktualne informacje o poszukiwanych zawodach, pomagając im w wyborze ścieżki kariery i rozwijaniu niezbędnych umiejętności.

Platforma opiera się na szeroko zakrojonych badaniach i analizie dużych zbiorów danych, przeprowadzonych we współpracy banku i uniwersytetu. Kluczowym aspektem było zachowanie naukowych podstaw, a jednocześnie zaprezentowanie ich w formie angażującego, interaktywnego atlasu, dzięki czemu informacje będą dostępne i zrozumiałe dla szerokiego grona odbiorców. Takie podejście nie tylko przyczynia się do głębszego zrozumienia zebranych danych, ale także zwiększa zainteresowanie badaniami naukowymi.

Współzałożyciel i dyrektor ds. projektowania w studiu Tetraform dzieli się swoim doświadczeniem w tworzeniu projektów harmonijnie łączących funkcjonalność i wrażenie wizualne. W tym artykule ujawnia kluczowe aspekty, które pomagają osiągnąć niesamowite rezultaty przy jednoczesnym zachowaniu praktycznej wartości. Dowiedz się, jak projektanci Tetraform wykorzystują innowacyjne podejścia i technologie, aby wdrażać unikalne pomysły, które przyciągają uwagę i spełniają potrzeby użytkowników.

Linki odgrywają kluczową rolę w strukturze i funkcjonalności zasobów internetowych. Umożliwiają nawigację między stronami i pomagają użytkownikom znaleźć potrzebne informacje. Linki mają również istotne znaczenie dla SEO. Wysokiej jakości i trafne linki mogą znacząco poprawić widoczność witryny w wyszukiwarkach. Linki wewnętrzne poprawiają indeksowanie, a linki zewnętrzne pomagają w budowaniu autorytetu zasobu. Stworzenie odpowiedniej struktury linków, użycie tekstu kotwicy i regularny audyt linków pomogą poprawić ogólną wydajność witryny.

Otrzymano zadanie

Klienci opracowali koncepcję, zgodnie z którą wszystkie obszary działalności są reprezentowane jako dzielnice miasta. Projekt powinien być dynamiczny i interaktywny, zapewniając użytkownikom łatwą nawigację i możliwość wyboru najodpowiedniejszych opcji.

Rozwiązania wizualne i scenariusze użytkownika powinny jasno pokazywać, które branże będą się dynamicznie rozwijać, jakie nowe technologie należy rozważyć oraz na jakich specjalistów będą poszukiwani pracodawcy w najbliższej przyszłości. Pomoże to nie tylko dostosować się do zmian na rynku pracy, ale także przewidzieć zapotrzebowanie na wykwalifikowany personel.

Początkowo planowano, że użytkownicy serwisu będą mogli skorzystać z doradztwa zawodowego, po którym zostaną im przedstawione odpowiednie opcje szkoleń i aktualne oferty pracy.

Wybór stylu

Projektanci Tetraform rozpoczęli od analizy różnych referencji i rozwiązań, aby określić optymalny styl. Przeanalizowali szereg projektów, od prostych diagramów i płaskich map po złożone modele 3D stworzone w WebGL, a także interfejsy gier komputerowych. Ten proces pozwolił im znaleźć unikalny język wizualny, który łączy funkcjonalność i estetykę.

Przeanalizowaliśmy funkcjonalność różnych map i zwróciliśmy uwagę na to, jak i gdzie pojawiają się wskazówki oraz elementy nawigacyjne. Podczas analizy odkryliśmy wiele przydatnych rozwiązań w interfejsach serwisów wynajmu mieszkań, które również zawierają wskazówki i nawigację po mapach. Te aspekty znacząco poprawiają komfort użytkowania i pomagają szybko znaleźć potrzebne informacje.

Mapa utworzona poprzez konwersję danych z Map Google na obrazy wektorowe. Projekt ten został znaleziony w portfolio artysty koncepcyjnego. Zdjęcie: William Cameron / ArtStation.
Interaktywna mapa Rio de Janeiro na Igrzyska Olimpijskie 2016. Stąd wzięliśmy animację. Zdjęcie: Fiasco Design / Interaktywna mapa Rio 2016

W rezultacie wybraliśmy grafikę 3D. Przetestowaliśmy różne rozwiązania stylistyczne zarówno dla samego miasta, jak i elementów nawigacji.

Wizualizacja 3D w interfejsie Smart City – usługi do zarządzania cyberbezpieczeństwem infrastruktury miejskiej. Stała się głównym punktem odniesienia. Zdjęcie: Kaspersky Lab.

Złożenie mapy

Projektanci wykorzystali gotowe elementy architektury i wystroju urbanistycznego, aby zwiększyć efektywność pracy, jednocześnie dostosowując ich estetykę do wymagań klienta. Takie podejście pozwala na połączenie funkcjonalności z indywidualnością, tworząc unikalne przestrzenie, które odpowiadają nowoczesnym trendom i gustom klientów.

Bank zasugerował wykorzystanie stylu jednego ze swoich projektów wewnętrznych. W rezultacie niektóre elementy interfejsu użytkownika zostały zintegrowane z interaktywnym miastem zawodów.

Ulice zostały poszerzone w porównaniu ze standardowymi rozmiarami, aby zapewnić użytkownikom wygodniejsze postrzeganie skupisk zawodów. Ta poprawa układu przestrzennego pomaga stworzyć bardziej komfortowe i dostępne środowisko do eksploracji różnych dziedzin zawodowych.

Projekt każdego klastra zawiera wizualne metafory związane ze sferą. Na przykład, klaster ESG przedstawia turbiny wiatrowe – symbole zielonej energii i przyjazności dla środowiska – a wizualizacja klastra Zdrowie przedstawia nić DNA – symbol bioinformatyki i badań nad ciałem. Obraz: Sber / Tetraform

Asystent Salute, używany również w innych usługach w ekosystemie Sber, został zintegrowany z projektem. Asystent wyświetla pomocną wskazówkę przy pierwszej wizycie użytkownika na platformie, usprawniając interakcję i ułatwiając wdrożenie. Ta funkcja sprawia, że ​​platforma jest bardziej intuicyjna i wygodniejsza dla nowych użytkowników, co przekłada się na wzrost ich satysfakcji.

Salute wita nowych użytkowników atlasu i pomaga im poruszać się po mieście zawodów. Zdjęcie: Sber / Tetraform

W mieście znajduje się 50 obiecujących zawodów pogrupowanych w 12 kwartałów. Każdy obszar jest oznaczony kartami z nazwami, bez kodowania kolorami. Projekt urbanistyczny jest spójny, wykorzystując paletę barw i gradienty systemu projektowego Sber. Tworzy to harmonijny i nowoczesny wizerunek, podkreślając znaczenie nowych zawodów w rozwoju infrastruktury miejskiej i gospodarki.

Zawód Projektant Graficzny PRO

Nauczysz się tworzyć elementy identyfikacji wizualnej i grafiki dla firm. Stworzysz portfolio odzwierciedlające Twój styl i potwierdzające Twoje umiejętności projektowe. Możesz rozpocząć karierę w studiu lub jako freelancer.

Dowiedz się więcej