Eski siteniz için telefona uygun yeni bir tasarım: ekran görüntülerinden HTML ve CSS ile modern sayfalara

Örnek sonuç

Standart paket için örnekTamamını göster

New design of a bakery's home page from a screenshot

Before: the screenshot the client sent

After: the new page

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

Client: Miller Street Bakery, a family bakery. Task: give the old home page a fresh, modern look, keeping the name, the warm brown colour, the opening hours and the list of what they bake, with big pictures of bread and a clear order button.

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

Bu hizmet hakkında

Eski siteniz telefonda küçücük yazılar gösteriyor, yana kayıyor ve dokunulamayacak kadar küçük bağlantılar içeriyorsa ziyaretçiler çıkıp gider. Eski kodu yamamıyoruz: sayfalarınızın ekran görüntülerinden onları yeniden tasarlıyor, içeriğinizi, logonuzu ve renklerinizi koruyarak küçük telefonlardan geniş ekranlara kadar çalışan modern sayfalar hazırlıyoruz. Telefon sürümünde okunaklı metin, tek dokunuşla açılan bir menü, başparmağa yetecek büyüklükte düğmeler ve arayan, WhatsApp'ı veya başka bir mesajlaşma uygulamasını açan ya da e-posta yazan iletişim düğmeleri bulunur. Geniş tablolar ve uzun metinler dar ekrana sığacak şekilde yeniden düzenlenir. Bilgiler verdiğiniz gibi kalır. Eski sayfaları yenileriyle siz ya da sitenize bakan kişi değiştirir; sitenize giriş yapmayız.

Neler dahil

• Neler alırsınızYeni sayfaların, stillerin ve görsellerin yer aldığı, barındırma hizmetinize yüklemeye hazır bir ZIP arşivi ve sipariş sayfasında her sayfanın önizlemesi.
• Her telefonda okunaklıYazı boyutu, boşluk ve satır uzunluğu küçük ekranlara göre ayarlanır
• Telefon menüsüTek dokunuşla açılır ve sahip olduğunuz her sayfayı gösterir
• Dokunarak arama veya mesajTelefonunuz, mesajlaşma uygulamanız ve e-postanız için büyük iletişim düğmeleri
• Sığan tablolarFiyat listeleri ve geniş tablolar, dar ekranlar için kartlara veya satırlara dönüştürülür
• İçeriğiniz ve markanız korunurEkran görüntülerinizden metinler, logo ve renkler; sade HTML ve CSS

Nasıl çalışır

1. 1
   Ekran görüntüleriSayfalarınızın bilgisayardan ve mümkünse telefondan ekran görüntülerini yüklersiniz
2. 2
   Yeniden tasarımSayfayı yeniden tasarlar, görselleri çizer ve hazırlarız
3. 3
   Önizleme ve arşivYeni sayfaları kendi telefonunuzda ve bilgisayarda kontrol eder, paketiniz kapsamında değişiklik ister ve arşivi indirirsiniz

Sizden neler gerekiyor

PNG, JPEG veya WebP biçiminde en fazla 5 görsel: mevcut sayfalarınızın bilgisayardan ekran görüntüleri (mümkünse görsel başına bir tam sayfa), metni okuyacak kadar net olmalı; ayrıca varsa en sorunlu yerin telefon ekran görüntüsü ve isterseniz ayrı bir dosya olarak logonuz. Hangi ekran görüntüsünün hangi sayfa olduğunu, telefonda en zor kullanılan şeyi, nelerin kalması gerektiğini, iletişim düğmeleri için telefon numaranızı, mesajlaşma uygulamanızı ve e-postanızı ve varsa tarz için ipucu olarak beğendiğiniz bir siteyi belirtin.

Size soracaklarımız:

• Hangi ekran görüntüsü hangi sayfa?
• Telefonda en zor kullanılan şey ne?
• Nelerin kalması gerekiyor?
• Dokunmalı düğmeler için iletişim bilgileri

Paketleri karşılaştırın

Sorular ve yanıtlar

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