Figma na stronę lub aplikację
Państwa projekty z Figmy zbudowane jako czysty, responsywny kod: HTML i CSS, React, Next.js lub motyw CMS.
Najważniejsze cechy
- Zbudowane strony lub komponenty
- Kod w repozytorium należącym do Państwa
- Wyniki testów responsywności i przeglądarek
- Readme z instrukcją konfiguracji i wdrożenia
- Tutaj niczego nie płaciszNajpierw otrzymujesz pisemną wycenę. Bez płatności, bez zobowiązań.
- Sprzedaje i realizuje GRADAXJedna umowa i jeden zespół, niezależnie od tego, kto wykonuje pracę.
- Państwa dane pozostają w UENic nie jest przenoszone poza Unię w celu przetwarzania.
O tej usłudze
Mają Państwo gotowe projekty i potrzebują ich dokładnego wdrożenia. Zamieniamy pliki Figma na responsywny kod front-endu zgodny z projektem na każdym breakpoincie, w wybranym przez Państwa stacku: czysty HTML i CSS, React, Next.js albo motyw WordPress lub Shopify. Komponenty budujemy tak, by można je było wielokrotnie wykorzystywać, a luki w projekcie zgłaszamy, zanim zaczniemy zgadywać.
Gdzie projekty milczą
Pliki Figma pokazują, jak wygląda strona przy kilku stałych szerokościach, zwykle na komputerze i telefonie. Rzadko pokazują, co dzieje się pomiędzy, jak zachowuje się przycisk po najechaniu, jak wygląda karta z bardzo długim tytułem, co pojawia się przy błędzie formularza lub podczas wczytywania treści. To właśnie w tych lukach wdrożenie odbiega od projektu.
Przed wdrożeniem analizujemy plik i wypisujemy wszystkie luki, które znajdziemy. Część rozwiązujemy sensownymi domyślnymi rozwiązaniami zgodnymi z logiką projektu. O pozostałe pytamy, bo błędne założenie i przebudowa kosztują więcej niż krótkie pytanie. Efektem jest wdrożenie zgodne z projektem tam, gdzie jest on jednoznaczny, i respektujące jego intencję tam, gdzie nie jest.
Najpierw komponenty, potem strony
Dobre pliki projektowe składają się z komponentów: przycisków, kart, nawigacji, pól formularzy. Dobry kod również powinien. Budowanie strona po stronie, z kopiowaniem i poprawianiem elementów na bieżąco, daje witrynę, w której każdy przycisk jest nieco inny, a zmiana projektu oznacza edycję dziesiątek miejsc.
Najpierw budujemy wspólne komponenty, odpowiadające komponentom w Figmie, a następnie składamy z nich strony. Zmiana stylu przycisku aktualizuje każdy przycisk. Nowe strony można budować z istniejących części. Kod jest semantyczny i dostępny, obrazy zoptymalizowane, a czcionki wczytują się wydajnie, bo strona idealna co do piksela, która wczytuje się sześć sekund na telefonie, nie jest dobrym wdrożeniem.
Specyfikacja
- Kategoria
- Automatyzacja i dane
- Cena
- 290 € do 1050 €
- Pakiety
- Mały (Landing page), Średni (Budowa wielostronicowa), Duży (Budowa z CMS)
- Czas realizacji
- 3 dni do 5 tygodni
- Rozliczane
- Jednorazowo
- Co otrzymują Państwo
- 4 pozycji, wszystko w cenie
- Czego potrzebujemy od Państwa
- Plik Figma z dostępem do widoku i Dev Mode, Preferowany stack i miejsce hostingu, Projekty dla mobile lub zgoda na rozsądne dostosowanie
- Najczęściej kupują
- SaaS, Agencje i studia, Startupy, E-commerce
- Sprzedaje i realizuje
- GRADAX, jedna umowa i jeden zespół
- Gdzie przetwarzane są Twoje dane
- Unia Europejska
Co otrzymują Państwo
Wszystko poniżej jest w cenie. Nic tutaj nie jest dodatkowo płatną opcją.
- Zbudowane strony lub komponenty
- Kod w repozytorium należącym do Państwa
- Wyniki testów responsywności i przeglądarek
- Readme z instrukcją konfiguracji i wdrożenia
Co się zmienia
- Strony zgodne z projektem Figma na szerokościach desktop, tablet i mobile
- Komponenty wielokrotnego użytku odzwierciedlające komponenty z pliku projektu
- Dostępny kod: semantyczny HTML, nawigacja klawiaturą, teksty alternatywne
- Szybko ładujące się strony, z optymalizacją obrazów i efektywnym ładowaniem czcionek
Porównaj pakiety
Cena standardowa dla każdego rozmiaru. Dodatki są wyceniane obok, a nie ukryte za rozmową.
| W cenie | Landing page290 €3 do 5 dni roboczych | Budowa wielostronicowa500 €2 do 3 tygodni | Budowa z CMS1050 €3 do 5 tygodni |
|---|---|---|---|
| Jedna strona, responsywna | W cenie | W cenie | W cenie |
| HTML i CSS lub jeden framework | W cenie | W cenie | W cenie |
| Podłączone formularze | W cenie | W cenie | W cenie |
| Testy w przeglądarkach | W cenie | W cenie | W cenie |
| Wszystko z landing page, do sześciu szablonów | Nie w cenie | W cenie | W cenie |
| Biblioteka komponentów | Nie w cenie | W cenie | W cenie |
| Animacje i interakcje z projektu | Nie w cenie | W cenie | W cenie |
| Kontrola dostępności | Nie w cenie | W cenie | W cenie |
| Wszystko z budowy wielostronicowej, do dwunastu szablonów | Nie w cenie | Nie w cenie | W cenie |
| Podłączony CMS: WordPress, Shopify, Sanity lub podobny | Nie w cenie | Nie w cenie | W cenie |
| Wprowadzenie treści na strony startowe | Nie w cenie | Nie w cenie | W cenie |
| Wdrożenie i 14 dni poprawek | Nie w cenie | Nie w cenie | W cenie |
| Dodaj do wyceny |
Proszę dodać, czego Państwo potrzebują
Choose the size
Proszę dodać, czego Państwo potrzebują
Państwa suma€500
Cena standardowa plus to, co Państwo dodadzą. Potwierdzona na piśmie, zanim cokolwiek się zacznie; nic nie jest pobierane, dopóki Państwo nie zaakceptują.
Jak to działa
Przegląd
Projekt sprawdzony pod kątem brakujących stanów i breakpointów przed budowaniem.
Komponenty
Najpierw wspólne elementy: przyciski, karty, nawigacja, formularze.
Strony
Strony złożone z komponentów i dopasowane do projektu.
Test
Sprawdzone w przeglądarkach i na urządzeniach, następnie przekazane.
Pytania
Czy zbudują Państwo ze projektu bez wersji mobilnej?
Tak. Dostosowujemy rozsądnie i pokazujemy kluczowe ekrany mobilne, zanim zbudujemy wszystkie.
Czy będzie pixel-perfect?
Będzie blisko zgodny z projektem na szerokościach, dla których został zaprojektowany. Pomiędzy nimi układy płyną zgodnie z intencją projektu; wszystko niejednoznaczne zgłaszamy.
Czy używają Państwo automatycznych narzędzi design-to-code?
Kod piszemy ręcznie. Automatyczne eksporty zwykle dają rozdęty, trudny w utrzymaniu kod, którego późniejsze zmiany są kosztowne.
Powiązane wyszukiwania
Powiązane prace
JednorazowoBudowa strony WebflowStrona Webflow z indywidualnym projektem, CMS, który Państwa zespół może edytować, i interakcjami, które pozostają szybkie.from 420 €
ScopedSprint projektowania UIEkrany zaprojektowane i prototypowane w dwa tygodnie, gotowe do wdrożenia.from 1800 €na zakres
JednorazowoAplikacja webowa full-stackAplikacja webowa na zamówienie z własną bazą danych, logowaniami i panelem administracyjnym, zbudowana i wdrożona.from 420 €
JednorazowoTworzenie aplikacji na AndroidaNatywne aplikacje na Androida w Kotlinie, zbudowane zgodnie z wytycznymi Google i opublikowane w Google Play.from 420 €
JednorazowoTworzenie aplikacji na iOSNatywna aplikacja na iPhone w Swift, zbudowana zgodnie z wytycznymi Apple i przeprowadzona przez weryfikację App Store.from 830 €
JednorazowoTworzenie szablonów e-mail HTMLRęcznie kodowane e-maile HTML, które wyświetlają się poprawnie w Outlooku, Gmailu, Apple Mail i w trybie ciemnym.from 290 €
Żaden pakiet nie pasuje?
Niektóre prace mają indywidualny charakter. Najpierw ustalamy zakres i wyceniamy go pisemnie; rozmowa o zakresie jest bezpłatna.