Wykonanie szaty graficznej interfejsu analitycznego

Budżet: 4000 UAH Termin: 5 dni

Cześć, Anna! 👋

Jestem gotów pomóc Ci w tworzeniu interfejsu analitycznego.

Zapoznałem się z Twoim zadaniem. Projekt jest dla mnie zrozumiały: trzeba stworzyć dwie strony interfejsu analitycznego według gotowego makietu z Figma, w tym karty metryk, wykresy kołowe, tabelę liderów, a także interaktywną mapę USA i tabelę efektywności.

Mam ponad 10-letnie doświadczenie komercyjne w web development i praktyczne doświadczenie w podobnych zadaniach. Pracowałem z różnymi technologiami, w tym HTML, CSS i JavaScript, co pozwala mi dokładnie odtworzyć makietę zgodnie z Twoimi wymaganiami.

🔧 Wykonam:
— Tworzenie stron według makiety z Figma;
— Realizację responsywnej siatki;
— Stworzenie interaktywnej mapy USA;
— Integrację wykresów kołowych i tabel;
— Zapewnienie jakości „piksel w piksel”.

✅ Z mojej strony zrobię wszystko starannie, bez zbędnych komplikacji, z uwagą na szczegóły i wygodę dalszej pracy.

🎁 Jako mały bonus w ramach projektu mogę dodatkowo zapewnić krótką konsultację na temat dalszej pracy z kodem lub przegląd po wykonaniu.

🤝 Zawsze pozostaję w kontakcie z moimi klientami i jestem gotów pomóc w wszelkich pytaniach dotyczących projektu.

🌐 Moje portfolio z ostatnimi przypadkami:
https://mrnko.com

💼 Profil Freelancehunt:
Freelancehunt

🤝 Chętnie omówię szczegóły, odpowiem na Twoje pytania i zaproponuję optymalne rozwiązanie dla Twojego projektu. Rozwiń

Budżet: 4500 UAH Termin: 7 dni

Cześć.

Zapoznałem się z zadaniem. Mam doświadczenie w adaptacyjnej szacie graficznej interfejsów według Figma z dbałością o szczegóły i czystą strukturą kodu. Będę w stanie zrealizować strony maksymalnie blisko makiety z poprawnym wyświetlaniem na różnych rozdzielczościach.

Pracuję z:
— HTML5 / CSS3 / SCSS;
— JavaScript;
— Tailwind CSS;
— WordPress;
— w razie potrzeby mogę użyć React do podobnych interfejsów.

W rezultacie otrzymasz staranną, adaptacyjną i czystą szatę graficzną bez zbędnego kodu, gotową do dalszej integracji z Twoją funkcjonalnością.

Po obejrzeniu pełnej makiety w Figma będę mógł potwierdzić ostateczne terminy i koszt. Rozwiń

Budżet: 2000 UAH Termin: 7 dni

Cześć, pracowałem nad dashboardem dla firmy fintech — układ analitycznego interfejsu z kartami metryk, wykresami i tabelami, podobny do waszego projektu. Zrobiliśmy 12+ ekranów dokładnie według makiety Figma.

Powiedzcie, czy potrzebna jest interaktywna mapa USA jako statyczny SVG czy z rzeczywistymi danymi przez API?

Proponuję się skontaktować, chętnie doradzę wam bezpłatnie z technicznej strony i wspólnie opracujemy plan rozwoju + opowiem o moim zespole!

Budżet: 4500 UAH Termin: 7 dni

1. Zrealizuję strony **Single Location** oraz **Multi-Location** zgodnie z makietą Figma z dokładnością 1:1.

2. Zrealizuję karty z metrykami, tabele, wykresy kołowe oraz interaktywną mapę USA z stanami, zachowując strukturę do dalszej integracji.

3. Zrobię responsywny układ i sprawdzę poprawne wyświetlanie na różnych rozmiarach ekranów.

4. Przekażę czysty, starannie uporządkowany kod, aby łatwo można go było zintegrować z Twoim projektem.

Jedno doprecyzowanie — czy mapa ma tylko reagować na najechanie/kliknięcie, czy również pracować z danymi i zmieniać stany?

Pracuję z **React, HTML, CSS, JavaScript i Tailwind CSS**. W moim profilu są przykłady zrealizowanych paneli administracyjnych i dashboardów — możesz sprawdzić jakość wykonania.

Będę zadowolony, aby omówić szczegóły, ocenić makietę i zaproponować optymalne rozwiązanie. Rozwiń

Budżet: 4000 UAH Termin: 4 dni

🛠️ Mój stos technologiczny do tego projektu:

Podstawa: React, Next.js, TypeScript (kod będzie podzielony na zrozumiałe, izolowane komponenty, które później będzie maksymalnie łatwo podłączyć do backendu).

Style: Tailwind CSS (siatka będzie elastyczna, responsywna i działać na wszystkich ekranach).

Interaktywność: Do wykresów kołowych używam lekkiej biblioteki Recharts (lub Chart.js), do interaktywnej mapy USA — dostosowany interaktywny SVG lub React-simple-maps (kliknięcia w stany, najeżdżanie, podświetlenie — wszystko będzie działać płynnie).

🎯 Moje odpowiednie doświadczenie (przykład dashboardu):
Opracowywałem część frontendową dla dużej platformy B2B/SaaS w dziedzinie logistyki. Tam zrealizowano ogromną ilość analityki: interaktywne dashboardy, skomplikowane dynamiczne tabele z filtrowaniem i wykresy w czasie rzeczywistym.

Przykład mojej pracy: https://frontend.sea.mtisolutions.ca/ Rozwiń

Budżet: 5000 UAH Termin: 4 dni

Dzień dobry!

Zapoznałem się z zadaniem i przejrzałem makietę. To analityczny dashboard, główna trudność nie polega na logice, ale na precyzyjnym rozmieszczeniu wszystkich elementów i zachowaniu schludnej struktury kodu do dalszej integracji.

Proponuję zrealizować projekt w React i Tailwind CSS. Rozmieszczenie będzie komponentowe, bez zbędnych zależności i z czystą strukturą, aby łatwo można było je dostosować do waszego stosu.

Wykonam diagramy kołowe zgodnie z makietą. Mapę USA zrobię w SVG z oddzielnymi stanami, z obsługą hover i możliwością bezproblemowego podłączenia rzeczywistych danych w przyszłości. Tabele, karty, badge, wskaźniki i wszystkie drobne elementy wykonam Pixel Perfect z uwzględnieniem responsywności.

Koszt 5000 zł.
Termin realizacji 4 dni.

Bezpłatnie mogę wykonać jedną kartę metryk lub jeden wiersz tabeli, abyście mogli ocenić jakość i zgodność z makietą. Jeśli wynik was zadowoli, kontynuujemy pracę nad całym interfejsem.

Przykłady zrealizowanych dashboardów można zobaczyć po rejestracji na serwisie https://salesslon.com Rozwiń

Budżet: 4000 UAH Termin: 2 dni

Cześć!!!

Zrobię dla was layout 1 do 1 jak w Figmie, specyfikacja jest jasna. Jestem gotów zająć się projektem.

Zgłaszajcie się.

Budżet: 6000 UAH Termin: 4 dni

Dzień dobry!

Mogę jakościowo zrealizować 2 strony dashboardu według Figma, maksymalnie blisko 1 w 1.

Stos: React / HTML / CSS / JS, w razie potrzeby Tailwind.

Co do pracy, rozumiem: karty metryk, diagramy, tabele, responsywna siatka i mapa USA według stanów. Zrobię to starannie, bez zbędnego kodu, aby było Wam wygodnie dalej dostosować to do siebie.

Cenę i termin dokładnie podam po obejrzeniu makiety, ale orientacyjnie to 3–5 dni.

Mogę wysłać przykłady paneli administracyjnych/dashboardów w prywatnych wiadomościach. Rozwiń

Budżet: 2000 UAH Termin: 1 dzień

Cześć.

Jestem programistą NodeJS. Jestem gotów stworzyć dla Ciebie stronę. Napisz, omówimy.

Budżet: 6000 UAH Termin: 4 dni

Cześć. Z przyjemnością zrealizuję ten interfejs. Tematyka z dashboardami i analityką jest mi znana, zrobię wszystko starannie, piksel w piksel po Twoim makiecie. Zrealizuję to w czystym HTML, Tailwind CSS i JavaScript. Kod będzie lekki, uporządkowany i bez zbędnych śmieci, więc Twoi programiści później bez problemu przeniosą go gdzie trzeba. Interaktywność: Do wykresów kołowych podłączę prostą bibliotekę (na przykład Chart.js), a mapę USA zrobię przez SVG, aby stany były podświetlane i wszystko działało płynnie. Tabele i metryki, oczywiście, w pełni dostosuję do urządzeń mobilnych.

Budżet: 3000 UAH Termin: 3 dni

Dzień dobry.

Kategorie zostały podane absolutnie poprawnie.

Jestem gotów jakościowo zrealizować dwie strony analitycznego interfejsu Single Location i Multi Location ściśle według waszego makietu Figma. Zrobię wszystko jeden do jednego z staranną responsywną siatką.

Proponuję użyć klasycznego stosu HTML, CSS i JavaScript. Taki czysty kod waszemu zespołowi będzie maksymalnie łatwo przekształcić pod swoje potrzeby. Do budowy wykresów kołowych podłączę lekką bibliotekę JS. Interaktywną mapę USA zrealizuję w formacie SVG z dodatkiem skryptów do efektów najechania.

Budżet: 7500 UAH Termin: 7 dni

Dzień dobry!
Makiety - Third Space, analityczny dashboard. Czysty styl, wszystko jasne.
Stos: HTML/CSS (SCSS) + vanilla JS + D3.js (mapa USA według stanów + wykresy kołowe). Bez frameworków — finalną konwersję zrobicie sami.
Single Location: 4 karty metryk (Performance/Reputation/Rating/Reviews) + 2 wykresy kołowe (Competitors Tracking + Nearest Competitors) z legendą + tabela Market Leaderboard z kółkami Profile Quality, kolorowymi odznakami statusu i strzałkami zmian.
Multi-Location: 3 karty + mapa SVG USA 50 stanów z kolorowym zasięgnięciem (zielony/pomarańczowy/czerwony) i hover-tooltip + tabela Internal Leaderboard — analogiczna do struktury pierwszej strony.

Zrobię tak:
Pixel-perfect layout według makiet - marginesy, czcionki, kolory
D3.js mapa USA - hover po stanach, kolory według danych, tooltip
Wykresy kołowe przez D3 lub Chart.js - dokładnie jak w makiecie
Tabele z sortowaniem (przycisk Sort by już w makiecie)
Responsywna siatka

Z portfolio: FinBox Dashboard - finansowy dashboard z wykresami; SaaS AI-analiza - tabele i metryki. Linki prześlę.
Koszt: 7 500 UAH za obie strony / Termin: 7–8 dni po otrzymaniu Figma.

—
Denis Iwanchenko · Front-end layout Rozwiń

Budżet: 5000 UAH Termin: 5 dni

Witam.
Zapoznałem się z zadaniem.
Napisz, omówimy szczegóły projektu!
----------------------------------
Prywatny deweloper stron internetowych. Doświadczenie – 10 lat.
Projektowanie, kodowanie, rozwój stron Wordpress.

Budżet: 4000 UAH Termin: 3 dni

Cześć!

Jestem gotów wykonać obie strony pixel-perfect według Figma z responsywnością.

Stos: React, Tailwind CSS, HTML/CSS/JS.

Przykłady moich prac:
https://n2l.com
https://app.mirsonics.com

Mogę zacząć od razu po uzgodnieniu. Rozwiń

Budżet: 5000 UAH Termin: 1 dzień

Witam! Wykonam Twoje zadanie szybko i jakościowo.

Moje ostatnie prace
https://indexfast.pp.ua - szybka indeksacja strony
https://mono-bank.pp.ua - wszystko o monobank
https://mamamia.pp.ua - sklep internetowy
https://programist.pp.ua/ua/portfolio/ - portfolio prac
https://monitortest.pp.ua - testowanie monitora
https://keytest.pp.ua - testowanie klawiatury
https://pctest.pp.ua - testowanie komputera
https://vseetut.matviy.pp.ua - składanie

Moje portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Pisz, zacznę pracować dzisiaj. Będę zadowolony ze współpracy z Tobą! Rozwiń

Budżet: 2000 UAH Termin: 1 dzień

Cześć! Pracuję z React+Tailwind, z łatwością stworzę dla Ciebie. Mam niedokończony panel administracyjny, który piszę w jednym ze swoich projektów, mogę pokazać. Co do jakości, wykonam 1 do 1, w krótkim czasie. Omówimy szczegóły?

Budżet: 2000 UAH Termin: 1 dzień

Jestem programistą React. Jestem gotów podjąć się tego zadania.

Budżet: 10000 UAH Termin: 7 dni

Witam! Zadanie jest zrozumiałe, mam niezbędne doświadczenie do jego wykonania. Chętnie omówię szczegóły i zrealizuję twoje zadanie.

Budżet: 8000 UAH Termin: 4 dni

Trzeba stworzyć dwa dashboardy dokładnie według Figma: metryki, wykresy donut, tabela liderów i interaktywna mapa USA według stanów.

Stos: React + Tailwind. Wykresy kołowe przez Recharts, mapa stanów przez react-simple-maps z hover/click po regionach. Responsywna siatka na grid/flex, piksel-w-piksel według Figma — tokeny kolorów i typografii od razu w konfiguracji Tailwind, aby ułatwić konwersję do waszego projektu.

Główny punkt dotyczący mapy: trzeba wyjaśnić, czy jest tooltip z danymi przy najechaniu na stan, czy tylko wizualne wypełnienie według wartości — to wpływa na strukturę komponentu.

Termin: 4 dni. Cenę omówimy po tym, jak prześlecie dostęp do makiety Figma — objętość zależy od liczby breakpointów i stanów komponentów. Podajcie link do makiety?