Tasarımdan HTMLTasarımdan HTML'e Dönüştürme

Tasarımınız HTML ve CSS ile hayata geçer: ekran görüntünüzden veya makettinizden telefon sürümlü bir sayfa

Genellikle 15 dakika içinde hazırRevizyonlar dahilKalite kontrolü
Paketler
Ödeme korumasıAyrıntılar
  • Paket kapsamındaki revizyonlar ücretsizdir.
  • Teslimattan sonraki 3 gün içinde yanıt vermezseniz iş otomatik olarak onaylanır.

Para, ödeme yaptığınızda bloke edilir ve yalnızca işi onayladığınızda aktarılır.

Tasarımınız HTML ve CSS ile hayata geçer: ekran görüntünüzden veya makettinizden telefon sürümlü bir sayfa

Örnek sonuç

Standart paket için örnek

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

Müşteri ve tüm ayrıntılar kurgusaldır.

Bu hizmet hakkında

Elinizde bir tasarım var ve onu çalışan bir sayfa olarak istiyorsunuz. Figma, Photoshop, Canva veya başka bir araçtaki maketinizin ekran görüntülerini ya da PNG dışa aktarımlarını yükleyin; biz de HTML ve CSS ile inşa edelim: aynı bölümler aynı sırada, aynı düzen, renkler ve görünüm; metnin görseli yerine gerçek metinle. Sayfalar uyumludur: tasarımınızın yalnızca masaüstü sürümü varsa, ondan telefon menülü telefon sürümünü hazırlarız. Maketteki fotoğraflar ve illüstrasyonlar aynı ruhta yeniden çizilir; ayrıca yüklerseniz kendi görselleriniz kullanılır. Sayfaları, stilleri ve görselleri içeren, barındırmanıza hazır bir arşiv ve sipariş sayfasında her sayfanın önizlemesini alırsınız. Figma, PSD, Sketch veya XD dosyalarının kendisini açamayız: ekranları görsel olarak dışa aktarın. Animasyonlar, arka uç, mağaza veya CMS bu hizmete dahil değildir.

Neler dahil

  • Neler alırsınızSayfaları, stilleri ve görselleri içeren, barındırmanıza yüklemeye hazır bir ZIP arşivi ve sipariş sayfasında her sayfanın önizlemesi.
  • Tasarımınıza yakınBölümler, düzen, renkler ve yazı tipleri maketinizdeki gibi
  • Telefon sürümüMobil tasarımınız yoksa masaüstü tasarımdan hazırlanır
  • Gerçek metinArama motorlarının okuduğu HTML olarak başlıklar ve paragraflar
  • Görseller yerindeMaketin ruhunda yeniden çizilir ya da sizin görselleriniz
  • Temiz kodDüz HTML ve CSS, çatı yazılım (framework) yok, başka sitelerden yüklenen hiçbir şey yok

Nasıl çalışır

  1. 1
    YüklemeTasarımınızın ekranlarını yüklersiniz ve neyin nereye geleceğini söylersiniz
  2. 2
    GeliştirmeSayfaları inşa eder ve görselleri çizeriz
  3. 3
    ÖnizlemeBunları bilgisayarda ve telefonda tasarımınızla karşılaştırırsınız
  4. 4
    ArşivArşivi indirir ve paketiniz kapsamında değişiklik istersiniz

Sizden neler gerekiyor

PNG, JPEG veya WebP biçiminde en fazla 5 görsel: tasarımınızın ekranları, her biri bir sayfa veya bir uzun ekran, metni okuyacak kadar net; isterseniz olduğu gibi kullanılacak logonuz ve fotoğraflarınız. Hangi dosyanın hangi sayfa olduğunu, maketten farklıysa metinleri, iletişim bilgilerinizi ve bağlantılarınızı belirtin. Figma, PSD, Sketch veya XD dosyası olmaz: ekranları görsel olarak dışa aktarın.

Size soracaklarımız:

  • Hangi dosya hangi sayfa?
  • Metinler tasarımdakiyle birebir aynı mı olsun?
  • Bağlantılar, iletişim bilgileri ve düğmeler
  • Tasarım size mi ait?

Paketleri karşılaştırın

PaketlerTemelEn fazla 5 bölümlü 1 sayfa$25StandartEn fazla 10 bölümlü 1 sayfa$45PremiumEn fazla 3 sayfa$79
Teslim süresi1 gün2 gün3 gün
Revizyonlar123
Sayfa sayısı113
Bölüm sayısıen fazla 5en fazla 10sayfa başına en fazla 8
Sayfa için çizilen görseller24—
Telefon sürümüVarVarVar
Sayfalar için çizilen görseller——6
Sipariş ver TemelSipariş ver StandartSipariş ver Premium

Ödeme koruması

Sipariş verirken ödersiniz, ancak para yalnızca onaylanan iş için aktarılır.

  • Sabit fiyatPaket fiyatı, ödeme yaptıktan sonra değişmez.
  • Para bloke edilirÖdeme yaptığınızda tutar yalnızca bloke edilir. İşi onayladığınızda hizmete aktarılır.
  • Teslimattan önce kontrolHer sonuç size ulaşmadan önce kalite kontrolünden geçer ve onaylamadan önce sipariş sayfasında görürsünüz.
  • Ücretsiz revizyonlarBrifiniz kapsamında, paketin izin verdiği sayıda değişiklik isteyin.
  • 3 gün sonra onayTeslimattan sonraki 3 gün içinde işi onaylamaz veya değişiklik istemezseniz iş otomatik olarak onaylanır. Teslimattan sonra sipariş sohbetine yazarsanız sipariş bekletilir; yanıt verdikten sonra 3 günlük süreyi yeniden başlatabiliriz ve bunu sohbette bildiririz.
  • Yeniden yapım veya tam iadeSonuç brifinize uymuyorsa ve revizyonlar sorunu çözmediyse ya da iş teslim süresinin iki katından uzun sürerse sipariş sohbetine yazın: işi yeniden yaparız veya ödemenin tamamını iade ederiz.
Nasıl çalışır →

Sorular ve yanıtlar

Figma veya PSD dosyamı açabilir misiniz?

Hayır, ekranların görsellerinden çalışırız. Figma'da bir çerçeve seçip 1x veya 2x PNG olarak dışa aktarın; Photoshop'ta Export As kullanın. Uzun bir sayfa tek bir uzun görsel olabilir.

Piksel piksel aynı mı olacak?

Düzen, renkler, boyutlar ve bölüm sırası bakımından tasarımınıza yakın olacaktır ancak piksel piksel aynı değil: yazı tipleri benzer görünen sistem yazı tipleridir ve kendi görsellerinizi yüklemezseniz fotoğraflar yeniden çizilir. Revizyonlar sizin için önemli olanı düzeltir.

Tasarımımın mobil sürümü yok. Ne olacak?

Masaüstü tasarımdan bir tane hazırlarız: sütunlar alt alta dizilir, menü bir düğmeye katlanır, görseller ve metinler telefona göre boyutlandırılır. Önizlemede iki sürümü de görürsünüz.

Başkasının sitesinden bir tasarım inşa edebilir misiniz?

Sahibi olduğunuz veya kullanma hakkınız olan tasarımları inşa ederiz. Başka bir şirketin sitesini birebir kopyalamayız; beğendiğiniz bir site yalnızca stil için bir ipucu olabilir.

WordPress'e veya bir CMS'e bağlıyor musunuz?

Hayır. Herhangi bir barındırmada kendi başına çalışan düz HTML ve CSS sayfaları alırsınız; gerekirse geliştiriciniz bunları daha sonra bir CMS temasına taşıyabilir.

Yanıtınızı bulamadınız mı?

Paketler