Divi ile inşa edilmiş 15 hücresel uygulama web sitesine örnek
Önceki popüler hücresel uygulama endüstrisi ve birçok uygulama, özelliklerini ve avantajlarını göstermeye adanmış web sitesine sahiptir ve hatta abonelik hizmetleri ve çevrimiçi topluluklar sunar. Tahmin edebileceğiniz gibi, Divi ile oluşturulan birçok hücresel uygulama web sitesi vardır. Bu makalede, bir sonraki hücresel uygulama projeniz için size ilham vermek için Divi ile oluşturulan 15 hücresel uygulama web sitesi örneği görüyoruz. Bu siteler, düzen tasarımı, renk, yazı tipleri, görüntüler, navigasyon, ürün fotoğrafçılığı, ürün açıklamaları, vaka çalışmaları, CTA (harekete geçirmeye davet) ve daha fazlası için ilham verebilir. Bazıları stand -tek başına uygulamalardır, diğerleri ise sensörler gibi diğer cihazlara bağlanır. Web sitesi belirli bir sırada değil.
1. Yağ haritası
Dragonfruit, slogan ve CTA, gömülü görüntüler, bilgi içeren bölüm iki sütun, opak arka planlarla dolu ekran görüntüsü, referans kaydırma, CTA ve şık blog parçaları içerir. Her sayfadaki çeşitli parçalara gitmek için ekranda ok düğmesi kalır. Çeşitli sayfalar sekmeleri kullanır ve bilgileri görüntülemek için kapatılır. Renk, hedef kitleyi çekmek için seçilmiştir. 4. DClib DClib, slogan ve CTA ile tam ekran görüntüsü görüntüleyen bir sayfa tasarım kullanır. Scrolls, menüyü ve büyük bilgi bölümünü büyük simgeler, parçalar, üst üste binen resimler, blog yayınları ve resmin üzerindeki iletişim formları olan üç sütun halinde ortaya koydu. İçeriği ortaya çıkarmak için bir anahtar kullanarak blog gönderimi. İçerik ve ürünler “hemen mevcut” aşamasında görülür, ancak düzen temizdir ve simge markalı renkler kullanırken çok fazla beyaz alan kullanır. 5. Kara Kutu Performans Pisti
Black Box Performance Tracker, görüntüleri ve CTA ile tam ekran arka plana sahip bir sayfa tasarım (SSS sayfası hariç) kullanır. Scrolls, ürün görüntülerini, paralaks çizimlerinin üzerindeki CTA’yı, CTA ile avantajları vurgulayan bilgi bölümlerini ve tam ekran görüntülerinin üzerindeki iletişim formlarını ortaya çıkardı. Menüde CTA da yer alıyor. SSS sayfası Chordeon’daki bilgileri görüntüler. Bu site markalı renkler ve yazı tipleri kullanır. 6. Huplahupla, kaplama ve slogan ile tam ekran görüntüsü görüntüler. Rolling, gerçek paralakta yer paylaşımı ve slogan ile diğer görüntüleri, alternatif arka plan renklerine sahip üç parça ürün bilgilerini, kaplama paralakslı resmin üstünde e -posta kayıt formları ve CTA Paylaşımı Social’ı ortaya çıkarır. Yolun sayfası, bir Shift devrimi kullanarak ürünü 3D dönen bir vardiyada görüntüler. Bu site arka plan ve renkli genişlik kullanıyor. 7. Titreşim Quiver, paralaks, slogan, CTA ve üst üste binen ürün görüntülerinde kaplama ile tam geniş bir görüntü görüntüler. Rolling, parçalar hakkında üç sütun, mesajlı parçalar ve esneme ile paralak görüntüleri, şirket logolu sürücü, video gömülü, kayıt formlarına sahip içeriklerin geniş bölümü ve paralaks streç ile resimler gösterir. Blog, markalı renklerle üstün görüntüler kullanır ve temiz bir tasarıma sahiptir. Bu site gerçekten markalı renkler ve beyaz alan kullanıyor. 8. Geopro
Geopro, CTA ile dolu geniş bir resim içerir. Sırada ürün ve görüntü açıklaması, bilgi bölümü, markalı renkli simgeler kullanan ürün detayları, metin ve görüntüleri ile dönüşümlü olarak CTA ile iki sütun ve bir avantaj listesi ile örtüşen logolar ve CTA ile özel altbilgi. Sayfalar benzer düzeni kullanır, ancak kısaltılmıştır. Sohbet özelliği ekranda kalır. CTA dahil menü. Bu site temiz bir ürün fotoğrafçılığı ve düzeni kullanır. Timesupp Timesupp, CTA ile kaplamada logo ve sloganlarla dolu bir ekran arka plan videosu kullanır. Rolling, ürün özelliklerini vurgulayan büyük bir başlık içeren kısa metnin üstünde ürün görüntüleri olan birkaç parça gösterir. Son olarak, iki sütun CTA ile resmi içerir. Konuyla ilgili video geçmişi. Düzen temizdir ve bilgileri dar bir sütunda odaklar. 10. Yozio Yozio, slogan, ürün açıklamaları ve CTA ile dolu geniş bir resim kullanır. Sırada, logolar ve referanslar içeren müşteri vaka çalışmasına bağlantılı üç sütun. Büyük sütunun ikinci bölümü, sırayla CTA ile düz bir tasarım çalışması olan metni gösterir. CTA dahil menü. Sayfa aynı temiz tasarımı takip eder ve bindirme dolu geniş bir resim ekler. Bu site gerçekten renkli marka, resim kaplaması ve temiz düzeni kullanıyor.
11. Prana
Prana, slogan ve ürün görüntüsü ile mavi arka planın üzerinde tam ekran görüntüsü görüntüler. Aşağıda, logolarıyla birlikte bir medya teklifinin bir parçasıdır. Bir sonraki bölüm koyu bir arka plan kullanır ve ürünü vurgular. Sıradaki bir dizi video ve resim gömülü, renk markalı simgelere sahip özelliklerin bir listesi ve bilgilerin birçok kısmı dikey olarak istiflenir. Bu site ürün fotoğrafçılığını çok iyi kullanır ve ürün bilgilerini okunabilecek okumalara ayırmak için iyi bir iş çıkarır. 12. Sayamyweathercenter Hava Merkezi, paralakta bir ürün görüntüsüne sahip üç özellikli sütunları, gradyanın arka planının üstünde görüntüler. Sırada CTA ve referanslı iki sütun, desteklenen ekipman ve vaka çalışmalarına bağlantılara sahip dört sütun ve üç sütun blogu. Desteklenen sensör sayfası anahtardaki bilgileri görüntüler. Bu site basittir ve gerçekten markalı renkler kullanır. 13. Joule Bug Joulebug, ürün açıklamaları ve CTA ile dolu geniş bir resim, tam geniş gömülü video, görüntüler ve bilgilerle görüntü kayması, yer paylaşımı ve CTA ile dolu geniş görüntüler, simgelerle ortam bağlantıları ve CTA ile gösterilmektedir. Abonelik sayfası avantajları, referanslı videoları, paketleri olan tabloları ve bülten kayıt formlarını görüntüler. Parça görüntü paralaksıyla ayrılır. Bu site ürün fotoğrafçılığı ve renkli markalaşma kullanıyor.14. Zonka tablet geri bildirimi Zonka tablet geri bildirimi, ürün bilgileri ve her bir fayda için CTA ve simgeler içeren tam ekran görüntüsü görüntüler. İndirme bağlantıları olan parçalar, CTA’lı özellikler, ürün ve çizim detayları olan bazı parçalar, vaka çalışmaları, paralakslı bilgi bölümleri, tam CTA, CTA ile ürün kullanan müşteri türlerini ayrıntılı olarak ayrıntılı olarak ve altbilgi ile dört sütun detaylandırır. Link ile altbilgi. Menü iki CTA içerir. Bu site, düzeni temiz tutarken çok fazla bilgi sağlar. 15. Muzemuze, slogan ve CTA ile opak arka planın üzerinde tam ekran görüntüsü kullanır. Scrolls, tam ekran CTA’nın ardından özellikleri detaylandıran küçük bilgi bölümleri arasında gerçek paralakta ürün görüntüleri ile birkaç parça ortaya çıkardı. Kariyer sayfaları paralaks ve galeride birçok tam ekran resim kullanır. Bu CTA, bir gradyan kaplamasıyla AM görüntüsünün üzerine yerleştirilir. Bu, ürün görüntülerini ve paralaksını zarif kullanan basit bir sitedir.
