Sketch/XD ke HTMLKonversi Desain ke HTML

Desain Sketch atau XD Anda dibangun dalam HTML dan CSS: halaman dari artboard yang diekspor, dengan versi ponsel

Biasanya selesai dalam 15 menitTermasuk revisiPemeriksaan kualitas
Paket
Perlindungan pembayaranSelengkapnya
  • Revisi dalam batas paket tidak dikenai biaya.
  • Jika Anda tidak merespons dalam 3 hari setelah penyerahan hasil, hasil kerja diterima secara otomatis.

Uang ditahan saat Anda membayar dan diteruskan hanya setelah Anda menerima hasil kerja.

Desain Sketch atau XD Anda dibangun dalam HTML dan CSS: halaman dari artboard yang diekspor, dengan versi ponsel

Contoh hasil

Contoh untuk paket Standar

Beranda klinik gigi yang dibuat dari desainnya

Sebelum: desain yang dikirim klien

Desain beranda

Sesudah: halaman yang sudah berfungsi

File: arsip ZIP berisi index.html, file style, dan 2 gambar untuk halaman, siap diunggah ke hosting klien. Gambar di sini adalah tangkapan layar halaman.

Klien: Bright Smile Dental. Tugas: mengubah desain beranda menjadi halaman HTML yang berfungsi dengan tata letak, warna, dan teks yang sama, serta tombol reservasi yang langsung menelepon klinik.

Klien dan semua datanya fiktif.

Tentang layanan ini

Sebagian desain masih tersimpan di file Sketch atau Adobe XD yang sulit dibuka tanpa aplikasinya, dan halamannya tak pernah dibangun. Ekspor artboard sebagai PNG dan unggah, lalu kami membangunnya dalam HTML dan CSS: bagian, grid, warna, dan tombol yang sama, dengan teks asli, ditambah versi ponsel yang dibuat dari artboard desktop jika tidak ada versi mobile. Kami tidak dapat membuka file .sketch atau .xd, tautan cloud, atau prototipe, jadi apa pun yang tidak terlihat di hasil ekspor ditulis di brief. Foto dan ikon dibuat ulang dengan nuansa yang sama, kecuali Anda mengekspor dan mengunggahnya secara terpisah. Tanpa animasi, back end, CMS, atau hosting.

Yang termasuk

  • Yang Anda dapatkanArsip ZIP berisi halaman, gaya, dan gambar, siap diunggah ke hosting Anda, serta pratinjau setiap halaman di halaman pesanan.
  • Dari artboard AndaBagian, jarak, warna, dan ukuran huruf sesuai hasil ekspor
  • Versi ponselDibuat dari desain desktop jika Anda tidak punya versi mobile
  • Teks asliJudul dan paragraf sebagai HTML yang dibaca mesin pencari
  • Gambar AndaFoto, ikon, dan logo yang diekspor terpisah dipasang apa adanya
  • Kode yang bersihHTML dan CSS biasa, tanpa framework, tidak ada yang dimuat dari situs lain

Cara kerja

  1. 1
    EksporAnda mengekspor artboard sebagai PNG dan mengunggahnya bersama catatan Anda
  2. 2
    PembuatanKami membangun halaman dan membuat gambar yang belum ada
  3. 3
    Pratinjau dan arsipAnda membandingkan halaman dengan desain Anda di komputer dan ponsel, mengunduh arsip, dan mengajukan perubahan sesuai paket Anda

Yang kami butuhkan dari Anda

Hingga 5 gambar PNG, JPEG, atau WebP: artboard yang diekspor dari Sketch (bagian Export di Inspector) atau dari XD (File > Export > Selected), satu halaman per file, pada 1x atau 2x, dan, jika mau, foto, ikon, atau logo Anda yang diekspor terpisah. Sebutkan artboard mana untuk halaman mana, font, state yang tidak tampak di hasil ekspor seperti menu terbuka, dan ke mana setiap tombol mengarah. Bukan file .sketch atau .xd.

Kami akan menanyakan:

  • Artboard mana untuk halaman mana?
  • Font dalam desain
  • Perubahan dibanding desain lama
  • Ke mana setiap tombol mengarah?
  • Apakah desain ini milik Anda?

Bandingkan paket

PaketDasar1 artboard, hingga 5 bagianRp 357.000Standar1 artboard, hingga 10 bagianRp 663.000PremiumHingga 3 artboardRp 1.139.000
Tenggat1 hari2 hari3 hari
Revisi123
Halaman113
Bagianhingga 5hingga 10hingga 8 per halaman
Gambar ilustrasi untuk halaman246
Versi ponselYaYaYa
Yang perlu diunggahEkspor PNG dari artboardEkspor PNG dari artboardEkspor PNG dari artboard
Pesan DasarPesan StandarPesan Premium

Perlindungan pembayaran

Anda membayar saat memesan, tetapi uangnya diteruskan hanya untuk hasil kerja yang diterima.

  • Harga pastiHarga paket tidak berubah setelah Anda membayar.
  • Uang ditahanSaat Anda membayar, jumlahnya hanya ditahan. Dana diteruskan ke Dleex setelah Anda menerima hasil kerja.
  • Diperiksa sebelum penyerahanSetiap hasil melewati pemeriksaan kualitas sebelum sampai kepada Anda, dan Anda dapat melihatnya di halaman pesanan sebelum menerimanya.
  • Revisi gratisMinta revisi sesuai brief Anda sebanyak yang diizinkan paket.
  • Diterima setelah 3 hariJika dalam 3 hari setelah penyerahan hasil Anda tidak menerima hasil kerja maupun meminta revisi, hasil kerja diterima secara otomatis. Jika Anda menulis di chat pesanan setelah penyerahan hasil, pesanan akan menunggu; setelah kami menjawab, kami dapat memulai ulang hitungan 3 hari dan akan memberitahukannya di chat.
  • Dikerjakan ulang atau pengembalian dana penuhJika hasilnya tidak sesuai brief Anda dan revisi tidak memperbaikinya, atau pengerjaan memakan waktu lebih dari dua kali tenggatnya, tulis di chat pesanan: kami akan mengerjakan ulang atau mengembalikan pembayaran secara penuh.
Cara kerjanya →

Tanya jawab

Saya sudah tidak punya Sketch atau XD.

Kalau begitu, minta orang yang masih memegang filenya untuk mengekspor artboard, atau kirim tangkapan layar desain yang tajam jika teksnya terbaca. Kami hanya bekerja dari gambar.

Bisakah Anda memakai tautan cloud saya?

Tidak, kami hanya bekerja dengan gambar yang diunggah, bukan tautan atau file desain, dan kami tidak masuk ke akun Anda.

Apakah hasilnya akan persis sama dengan desain saya hingga ke piksel?

Hasilnya akan mendekati dalam tata letak, warna, ukuran, dan urutan bagian, tetapi tidak sampai ke piksel: font berupa font sistem yang mirip, dan foto dibuat ulang kecuali Anda mengunggah foto sendiri. Revisi memperbaiki hal yang penting bagi Anda.

Bisakah Anda memperbarui desain lama sambil membangunnya?

Perubahan kecil dari brief Anda, seperti teks, warna, atau label tombol baru, bisa. Tata letak baru untuk seluruh halaman adalah desain ulang, tidak termasuk dalam layanan ini: di sini kami membangun desain yang Anda kirim.

Tidak menemukan jawabannya?

Paket