Sketch/XD do HTMLKodowanie projektu do HTML

Twój projekt ze Sketcha lub XD zbudowany w HTML i CSS: strona z wyeksportowanych artboardów, z wersją na telefon

Zwykle gotowe w ok. 15 minutPoprawki w cenieKontrola jakości
Ochrona płatnościSzczegóły
  • Poprawki w ramach pakietu są bezpłatne.
  • Jeśli nie odpowiesz w ciągu 3 dni od dostarczenia pracy, zostanie ona zaakceptowana automatycznie.
Zamów · 147 zł

Pieniądze są rezerwowane w chwili płatności i przekazywane dopiero po akceptacji pracy.

Twój projekt ze Sketcha lub XD zbudowany w HTML i CSS: strona z wyeksportowanych artboardów, z wersją na telefon

Przykładowy rezultat

Przykład dla pakietu Standard

Strona główna kliniki stomatologicznej według jej projektu

Przed: projekt przesłany przez klienta

Projekt strony głównej

Po: działająca strona

Strona na komputerze Strona na telefonie

Pliki: archiwum ZIP z index.html, stylami i 2 obrazkami do strony, gotowe do wgrania na hosting klienta. Obrazy tutaj to zrzuty ekranu strony.

Klient: Bright Smile Dental. Zadanie: zamienić projekt strony głównej w działającą stronę HTML z tym samym układem, kolorami i tekstami oraz przyciskami umawiania wizyt, które dzwonią do kliniki.

Klient i wszystkie dane są wymyślone.

O usłudze

Niektóre projekty wciąż leżą w plikach Sketch lub Adobe XD, które trudno otworzyć bez programu, a strona nigdy nie powstała. Wyeksportuj artboardy do PNG i wgraj je, a zbudujemy je w HTML i CSS: te same sekcje, siatka, kolory i przyciski, z prawdziwym tekstem, oraz wersja na telefon utworzona na podstawie artboardu desktopowego, jeśli nie ma mobilnego. Nie otwieramy plików .sketch ani .xd, linków do chmury ani prototypów, więc wszystko, czego nie widać w eksporcie, opisz w briefie. Zdjęcia i ikony rysujemy od nowa w tym samym duchu, chyba że wyeksportujesz je i wgrasz osobno. Bez animacji, backendu, CMS i hostingu.

Co obejmuje usługa

  • Co otrzymujeszArchiwum ZIP z podstronami, stylami i ilustracjami, gotowe do wgrania na hosting, oraz podgląd każdej podstrony na stronie zamówienia.
  • Z Twoich artboardówSekcje, odstępy, kolory i rozmiary tekstu jak w eksporcie
  • Wersja na telefonUtworzona na podstawie projektu desktopowego, gdy nie masz mobilnego
  • Prawdziwy tekstNagłówki i akapity w HTML, które czytają wyszukiwarki
  • Twoje obrazyZdjęcia, ikony i logo wyeksportowane osobno trafiają na stronę bez zmian
  • Czysty kodZwykły HTML i CSS, bez frameworków, nic nie ładuje się z innych serwisów

Jak to działa

  1. 1
    EksportEksportujesz artboardy do PNG i wgrywasz je ze swoimi uwagami
  2. 2
    BudowaBudujemy podstrony i rysujemy brakujące ilustracje
  3. 3
    Podgląd i archiwumPorównujesz podstrony z projektem na komputerze i telefonie, pobierasz archiwum i zgłaszasz poprawki w ramach pakietu

Czego potrzebujemy od Ciebie

Do 5 obrazów w PNG, JPEG lub WebP: artboardy wyeksportowane ze Sketcha (sekcja Export w Inspectorze) lub z XD (File > Export > Selected), jedna podstrona na plik, w skali 1x lub 2x, a jeśli chcesz, także zdjęcia, ikony lub logo wyeksportowane osobno. Napisz, który artboard to która podstrona, użyte fonty, stany niewidoczne w eksporcie, np. rozwinięte menu, oraz dokąd prowadzi każdy przycisk. Nie pliki .sketch ani .xd.

Zapytamy Cię:

  • Który artboard to która podstrona?
  • Fonty w projekcie
  • Zmiany w stosunku do starego projektu
  • Dokąd prowadzi każdy przycisk?
  • Czy projekt jest Twój?

Porównaj pakiety

Podstawowy1 artboard, do 5 sekcji79 złStandard1 artboard, do 10 sekcji147 złPremiumDo 3 artboardów252 zł
Termin1 dzień2 dni3 dni
Poprawki123
Strony113
Sekcjedo 5do 10do 8 na podstronę
Ilustracje rysowane dla strony24—
Wersja na telefonTakTakTak
Co wgraćEksport artboardów do PNGEksport artboardów do PNGEksport artboardów do PNG
Ilustracje rysowane dla podstron——6
ZamówZamówZamów

Ochrona płatności

Płacisz przy składaniu zamówienia, ale pieniądze są przekazywane tylko za zaakceptowaną pracę.

  • Stała cenaCena pakietu nie zmienia się po zapłacie.
  • Pieniądze są zarezerwowanePrzy płatności kwota jest tylko rezerwowana. Serwis otrzymuje ją dopiero po akceptacji pracy.
  • Sprawdzone przed dostarczeniemKażdy wynik przechodzi kontrolę jakości, zanim do Ciebie trafi, a przed akceptacją widzisz go na stronie zamówienia.
  • Bezpłatne poprawkiProś o poprawki w ramach briefu tyle razy, ile przewiduje pakiet.
  • Akceptacja po 3 dniachJeśli w ciągu 3 dni od dostarczenia pracy ani jej nie zaakceptujesz, ani nie poprosisz o poprawki, zostanie zaakceptowana automatycznie. Jeśli po dostarczeniu napiszesz na czacie zamówienia, zamówienie czeka; po naszej odpowiedzi możemy ponownie uruchomić odliczanie 3 dni i poinformujemy o tym na czacie.
  • Ponowne wykonanie lub pełny zwrot pieniędzyJeśli wynik nie odpowiada Twojemu briefowi, a poprawki tego nie naprawiły, lub praca trwa ponad dwa razy dłużej niż termin, napisz na czacie zamówienia: wykonamy pracę ponownie albo zwrócimy całą płatność.
Jak to działa →

Pytania i odpowiedzi

Nie mam już zainstalowanego Sketcha ani XD.

Poproś wtedy osobę, która wciąż ma plik, o wyeksportowanie artboardów albo przyślij ostre zrzuty ekranu projektu, jeśli tekst jest na nich czytelny. Pracujemy wyłącznie z obrazów.

Czy możecie użyć mojego linku do chmury?

Nie, pracujemy tylko z wgranymi obrazami, nie z linkami ani plikami projektów, i nie logujemy się na Twoje konta.

Czy strona będzie zgodna z projektem co do piksela?

Będzie bliska pod względem układu, kolorów, rozmiarów i kolejności sekcji, ale nie co do piksela: fonty to podobne fonty systemowe, a zdjęcia rysujemy od nowa, chyba że wgrasz własne. Poprawki dopracują to, co jest dla Ciebie ważne.

Czy możecie odświeżyć stary projekt podczas budowy?

Drobne zmiany z Twojego briefu, np. nowy tekst, kolor czy napis na przycisku, tak. Nowy układ całej strony to redesign, który nie wchodzi w zakres tej usługi: tutaj budujemy projekt, który przysyłasz.

Nie ma tu odpowiedzi?

Wszystkie usługi w kategorii Programowanie i IT

Więcej w kategorii Programowanie i IT

Zamów · 147 zł· ~15 min