Yeni Bir Ürün İçin Nasıl Bir Web Sitesi Oluşturulur (ve Nasıl Yaptık?)
Bilseydiniz Seveceğiniz 15 Web Sitesi
İçindekiler:
Bu makaleyi okuduktan sonra, birincisini de kontrol etmeyi unutmayın. Bu dizinin ikinci, üçüncü ve dördüncü taksitleri de var.
Ne tür bir işe başlıyor olursanız olun, bir web sitesine ihtiyacınız var. Bir siteye sahip olmak, bu günlerde iş kartlarına sahip olmaktan daha önemli.
Yiyecek arabaları gibi bazı seçkin işletmeler, sadece Facebook ve diğer sosyal platformlarda bir varlık sahibi olmaktan kurtulabilirler. Ancak, bu günlerde kural, kural değil, istisnadır. Muhtemelen özel bir web sitesine ihtiyacınız var.
Ve nasıl inşa edeceğiniz hakkında düşünmeye başlamak için asla erken değil. Bu şeyler genellikle zaman düşündüğünüzden daha fazla zaman alır. Ne tür bir web sitesine ihtiyacınız olduğunu ve nasıl inşa edeceğinizi ve tekerlekleri harekete geçirdiğini düşünmeniz gerekiyor.
Burada Palo Alto Yazılımında yeni ürünümüz olan Outpost'u inşa ediyoruz.. Web sitemiz, potansiyel müşterilerin ürünümüz hakkında bilgi sahibi olmasının ve (daha da önemlisi!) Fiyatlandırma bilgilerini bulmanın ve Outpost'a abone olmanın ana yoludur.
Outpost web sitemiz de müşterilerimizin ana kaynağı olacaktır. Bize nasıl ulaşacağımızı anlamaya çalışıyoruz.
Outpost inşası hakkında konuştuğumuz gibi devam etmediyseniz, hızlı bir tazeleme:
Outpost, ekiplerin ortak gelen kutularını yönetmelerine yardımcı olur, böylece kolayca takip edebilir, işbirliği yapabilir, ve [email protected] ve [email protected] gibi genel e-posta adreslerine gönderilen mesajlara cevap verin. Outpost, gelen tüm e-postalarınız için görev kontrolü gibidir ve her e-postanın doğru yanıtı aldığından ve hiçbir şeyin çatlaklardan geçmediğinden emin olur.
Outpost'u nasıl yaptığımız hakkında daha fazla bilgi edinmek isterseniz, başlangıçta başlayabilirsiniz. ve tüm hikayeyi al. Ya da burada kal ve web sitemizi nasıl planladığımızı ve inşa ettiğimizi öğrenmek için okumaya devam et.
Yaratıcı bir kısa mesajla başla
Henüz bir kısa mesajınız yoksa, buradan başlayın. Yaratıcı bir özet, ürününüz veya şirketiniz hakkında tam olarak nasıl konuşmayı planladığınızı özetlemektedir. Markanızın ses tonunu, renk paletinizi, değer beyanınızı ve çok daha fazlasını tanımlar. Yaratıcı özetiniz, web sitenizin müşterilerinizle nasıl iletişim kuracağını tanımlar.
Logo geliştirme sürecinden geçtiyseniz bir reklam öğesi taslağı hazırlamış olabilirsiniz. Öyleyse, web siteniz için bunu yeniden kullanabilirsiniz. Henüz yaratıcı bir kısa bir süre geliştirmedıysanız, şimdi bir tane inşa etme vakti gelmiştir.
Neyse ki, nasıl yapacağınızı öğreten ayrıntılı bir makale yazdım. Bu, Outpost reklam öğesi özetinden örnekler içerir. Bizimkini nasıl inşa ettiğimizi görebilirsiniz. Bu yüzden, eğer kısa özgeçmişinizde çalışmanız gerekiyorsa, logomuzu ve onun yaratıcı kısa özetini nasıl geliştirdiğimize dair makalemize bir göz atın ve hazır olduğunuzda buraya geri dönün.
Bir site haritası oluşturun
Yaratıcı özetinizle el, site haritanız üzerinde çalışmaya başlayacaksınız. Bir site haritası, sitenize dahil etmeyi planladığınız tüm sayfaları (amaç ve hedefleri dahil) listeleyen bir taslaktır.
İşte Outpost için geliştirdiğimiz site haritası:
-
- Anasayfa : Ürün tanıtımı ve ücretsiz bir deneme için kaydolmak için bir “harekete geçirici mesaj”. Özellikleri tanımlayan diğer sayfalara ikincil bağlantılar.
- Özellikler Genel Bakış : Ayrıntılı özellik sayfalarına bağlantılar içeren tüm özelliklerin bir özeti.
- Özellik A için özellik ayrıntısı: Özellik A'nın ayrıntıları.
- Özellik ayrıntıları Özellik B: Özellik B'nin Ayrıntıları
- Tüm özellikler için tekrar edin.
- Fiyatlandırma: Fiyatlandırma planlarının detayları ve ücretsiz deneme için kaydolma bağlantıları.
- Müşteriler: Başarılı müşterilerin profilleri
- Hakkımızda: Kim olduğumuza, misyonumuza ve tarihimize genel bakış
- Bize Ulaşın: İletişim bilgileri, saatler, yer.
- İşler: Şu andaki işimizdeki açılışların listesi
- Gizlilik Bildirimi: Outpost gizlilik politikası
- Blog: Son blog gönderilerini listeleyen blogun ana sayfası
- . Blog Yayını: Birden çok blog yayını olacak. Bu sayfa onlar için bir şablon olacaktır.
- Yardım Merkezi: Yardım merkezimiz Zendesk tarafından desteklenecektir.
Elbette, siteniz muhtemelen Outpost site haritasından çok farklı olacak. Örneğin, bir restoran iseniz, muhtemelen bir sayfa ya da iki menü ve rezervasyonlar için bir sayfa olacak. Çevrimiçi bir mağaza oluşturuyorsanız, muhtemelen farklı ürün sayfalarınız olacaktır.
Site haritanızın dokümanları, olabildiğince elinizden gelenin, sitenizin neler içereceğini düşünür. Bu küçük planlama, site planlama ve geliştirmenin geri kalanını çok daha kolaylaştıracaktır, bu yüzden bu erken aşamada yatırıma değer.
Önce tasarımınızı kopyalayın
Yapacağımı düşüneceksiniz. Siparişi burada al. Web sitenizi hangi sayfalara yerleştireceğinize dair düşünmeden önce tasarlamamanız gerekiyor mu?
Aslında, daha iyi bir yaklaşım şeyleri “geri” yapmak ve önce web sitenizin kopyasını düşünmek ve sonra etrafı tasarlamaktır. bu kopya. Niye ya? Müşterilerinizle iletişim kurmak istediğinizden, sitenizin gerçek tasarımından çok daha önemlidir. Tabii ki, tasarım önemli ve iyi görünen bir siteye sahip olmak istersiniz, ancak önemli mesajlarınızı kullanıcılarınıza iletemezseniz, iyi bir tasarım farkı yaratmayacaktır.
Önce kopyanızı yazma Ayrıca, potansiyel tasarımcıların her sayfanın iletişim kurmaya çalıştıklarını anlamanıza yardımcı olur. Bu, mesajlaşmanızı güçlendiren daha iyi tasarım tasarımıyla sonuçlanır. Sitenizi kendiniz bir Squarespace gibi bir araçla inşa edecekseniz bile, bir sayfa seçmeden önce her sayfanın ne demeye ihtiyacı olduğunu bilmek büyük bir zaman tasarrufu olacaktır.
Tasarımınız için zaman geldiğinde, İşlerin düzgün bir şekilde yapıldığından emin olmak için kopyanızı düzeltmeniz gerekir, ancak bu mesajlaşma için oluşturulmamış bir tasarım için kopya yazmayı denemekten daha kolay olacaktır.
Ana sayfanız için muhtemelen bir başlık isteyeceksiniz. Müşterileriniz için tam olarak ne yaptığınızı açıklar. Bunu şirketinizin ne yaptığıyla ilgili kısa, genişletilmiş bir açıklama takip edecek.
İşte yaptığımız ürün olan Outpost için başlık ve genişletilmiş açıklama:
Paylaşılan E-postanızı Kolaylaştırın
Kolayca takip edin, işbirliği yapın, ve @ @ info @ gibi jenerik e-posta adreslerine gönderilen mesajlara cevap verin.
Buradan, ana sayfanıza ekleyeceğiniz kopya gerçekten sizin bulunduğunuz şirket türüne, sizin müşterileriniz tarafından belirlenir. ve iletişim kurmanız gerekenler.
Outpost için, ürünümüzün temel özelliklerini ve faydalarını anlatmalı ve potansiyel müşterileri daha fazla bilgi edinmeye teşvik etmeliyiz. Ayrıca, müşteri hizmetleri ekibimiz ve onların ne kadar muhteşem oldukları hakkında konuşmak istiyoruz.
Ancak, bu sizin ana sayfanız için doğru kurulum olmayabilir. Bir restoran iseniz, belki de menülerinize veya rezervasyon yaptırmayla ilgili bilgilere sahip olmak isteyebilirsiniz. Her şirket farklıdır, bu yüzden ne söyleyeceğinize karar verdikten sonra yazınız.
Yine de boş bir sayfadan başlamak için endişelenmeyin. Bunun yerine, sektörünüzdeki favori web sitelerinizin bir listesini bulun ve her site hakkında sevdiğiniz ve sevmediğiniz şeyleri düşünün. Ne tür bir navigasyon kullanıyorlar? Hangi sayfaları içerirler? Ne tür görüntüler kullanıyorlar? Tekerleği yeniden icat etmenize gerek yok, ve favori bir siteyi bir atlama noktası olarak kullanmak başlamak için harika bir yoldur.
Son bir ipucu: Daha az genellikle daha fazladır. Web siteniz için bitmeyen kopya paragrafları yazmaktan çekinmeyin (müşterilerin beklediği gibi olmaz!). Web sitelerini nasıl kullandığınıza dikkat ederseniz, her kelimeyi okumadan sık sık metinleri gözden kaçırdığınızı göreceksiniz. Çünkü çoğu insan, her kelimeyi okumak yerine çevrimiçi gözden geçirmeyi okuyor - kopyanızı kısa tutup kısa tutuyor.
Bir tel kafes oluşturun
Bir tel kafes, web sitenizin kaba bir düzenidir. Tam olarak bir tasarım değil. Bu, sayfadaki renklerin ya da diğer grafiklerin ilgisini çekmeyecek şekilde, kabaca bir şekilde gösterilecek bir belgedir.
Web sitenizi oluşturmak için bir tasarımcıyla çalışıyorsanız, bunlar bir parçası olarak sizin için bir tel çerçeve üretecektir. dizayn süreci. Web sitenizi kendi başınıza oluşturuyorsanız, Squarespace veya Shopify gibi bir hizmeti kullanarak, kolayca bir tel kafes oluşturabilirsiniz.
Bu adımdan korkmayın. Tel kafes oluşturmak için özel bir araca ihtiyacınız yoktur. Sitenizin her sayfasını çizmek için bir kağıt kalem ve bir kalem yeterlidir. Unutmayın, “tasarlamıyorsunuz” ve bir tel çerçevenin güzel olması gerekmiyor. Sadece bir sayfada nereye gittiğini anlatmak gerekiyor.
İlhama ihtiyacınız varsa, beğendiğiniz diğer sitelere göz atın ve her sayfada bilgileri nasıl düzenlediğine bakın. Diğer sitelerden paftaları ödünç almak ve kendi siteniz için ilham bulmak çok iyi.
Kalem ve kağıt kullanmanız sizin için bir şey değilse, wireframe oluşturmak için PowerPoint veya Keynote'u kullanabilirsiniz. Ayrıca, Balsamiq gibi süreci kolaylaştıran özel wireframing araçları da var.
Outpost'un ana sayfa tel çerçevesini dahil ettim, böylece bir tel kafesin neye benzediğine dair bir fikir edinebilirsiniz. Ayrıca, bir önceki adımda oluşturduğumuz kopyasını ve bir tasarımcının oluşturmasını istediğimiz bir grafik öğesi için bir fikir taslağını inceleyebilirsiniz.
Outpost için tel çerçevemiz
Tasarım ve inşa> Şimdi nihayet web sitenizi tasarlamak ve inşa etmek zamanı geldi. Serbest tasarımcı veya tasarım firması kullanıyorsanız, bu süreci buradan devralacaklar.
Ancak, en çok olduğu gibi, muhtemelen bunu kendiniz yapıyorsunuz ve maliyetleri kontrol altında tutmak istiyorsunuz.. Bu sizin gibi görünüyorsa, web sitenizi tasarlamak ve barındırmak için bir platform seçmeniz gerekir.
İlk önce, ihtiyaçlarınızı dikkate alın. Sadece tek sayfalık bir web sitesine mi ihtiyacınız var? Bir blog eklemek ister misiniz? Ürünlerinizi çevrimiçi satıyor ve bir alışveriş sepeti gibi şeylere mi ihtiyacınız var?
Yüzlerce olası seçenek var, ama favorilerimden sadece birkaçını listeleyeceğim.
- WordPress: Bu, herhangi bir basit web sitesi için harika, düşük maliyetli bir platformdur. Çok sayıda tasarım seçeneği var ve ücretsiz olarak başlayabilirsiniz. Bir sürü ürünle çevrimiçi bir mağazada çalışmayı planlıyorsanız, WordPress'i tavsiye etmem ama temel bir bilgilendirme sitesi ve blog için harika bir seçenek. Yüz binlerce web sitesi WordPress kullanıyor, bu yüzden bu seçenekle çok yanlış gidemezsiniz. Ve gerekirse, sitenize ticaret fonksiyonları eklemek için bazı seçenekler var.
- Shopify: Çevrimiçi bir şey satıyorsanız, Shopify mükemmel bir seçimdir. Tüm çevrimiçi mağazanızı bu platformda çalıştırabilir ve ürünlerinizi, envanterinizi ve daha fazlasını yönetmek için ihtiyaç duyduğunuz tüm arka plan araçlarını alabilirsiniz.
- Squarespace: Squarespace, tüm işlemlerin krikosu. Bir blogdan çevrimiçi mağazaya kadar her şeyi oluşturmak için bunu kullanabilirsiniz. Güzel tasarım şablonları ve sonsuz esnekliğiyle, aynı zamanda başlamanız için harika bir seçim.
Outpost için biraz farklı bir durumdayız. Mevcut bir şirket olarak, web sitemizde çalışan bir tasarımcı ve bazı mühendislerimiz var. Ancak, durum böyle olmasaydı, muhtemelen web sitemizi oluşturmak için WordPress veya Squarespace'i seçerdim.
Test ve yineleme
Yeni web siteniz çalışmaya başladıktan sonra, iş yapılmaz. Aslında, sadece başlangıç! Bunu duymak istemeyebilirsiniz, ancak şimdi siteniz yayında, gerçekten yazdığınız kopyanın gerçekten işe yarayıp yaramadığını öğrenmelisiniz. Kopyanız müşterilere yapmak istediklerini yapmalarını sağlıyor mu? Doğru tasarımları ve kopyaları bulmak, sahip olduğunuz müşteri sayısını artıracak ve sitenize gelen her bir potansiyelden en iyi şekilde yararlandığınızdan emin olacaksınız.
Bunu anlamaya çalışmanız gerekecek. bazı testler. Buna A / B testi denir. Şu anki web sitenizi (A-versiyonu) bir alternatife (B-versiyonu) karşı çektiğinizde. Daha sonra hangi sürenin daha iyi performans gösterdiğini ölçersiniz. Satışların artması, işinize yapılan çağrıların artması veya müşterilerin farklı bir sayfaya tıklatılması başarısını ölçebilirsiniz.
Burada A / B testi ile ilgili ayrıntılı bir kılavuza girmeyeceğim. Bu, başka bir gün için derin bir konu olduğu için, ancak testlerinizi yapmak için bazı ek araçlara ihtiyacınız olduğunu size söyleyeceğim.
Convert Experiments veya Visual Website Optimizer'ı öner. Her ikisi de, testi kolaylaştıran sağlam ve uygun fiyatlı seçimlerdir.
Ayrıca, ne tür kullanıcıların web sitenizi ziyaret ettiğini anlamak için Google Analytics (ücretsiz!) Gibi bir analiz aracı kurduğunuzdan emin olmanız gerekir. Bir kere oradalar.
Web sitenizi yayınlamaya başlamak için başka sorularınız veya yorumlarınız varsa, lütfen yorumlarda bana soru sormaktan çekinmeyin.
