Responsive Arayüz Tasarım Ön Bilgi Formu

Tasarım Destek
tasarim@tsoft.com.tr
SATIŞ TEMSİLCİSİ SEÇİNİZ
Size satış yapan temsilcinizi aşağıdaki alandan seçmelisiniz böylece bu form kendisine iletilecektir.
TASARIM BİLGİ FORMU GÖNDERİM MAİL ADRESİ
Bu formu doldurduktan sonra form size ve satış temsilcinize gönderilecektir.

1.Bölüm :

Müşteri Bilgileri Detaylı Anlatım

FİRMA ADI
ticari ünvanınız*
ALAN ADI
sitenin yayınlanacağı alan adı örn : eticaretsitem.com*
YETKİLİ KİŞİ ADI
tasarım sürecinde - tasarımcılarımızın görüşeceği yetklili adı*
SOYADI
tasarım sürecinde - tasarımcılarımızın görüşeceği yetklili soyadı*
E-POSTA ADRESİ
tasarım süreci boyunca yazışma yapılacak olan mail adresi, birden fazla ise virgül ile ayırınız.*
CEP TELEFONU
tasarım süreci boyunca size ulaşabileceğimiz cep telefonu numarası
2.YETKİLİ KİŞİ ADI
tasarım sürecinde - tasarımcılarımızın görüşeceği 2. yetklili adı*
2.YETKİLİ KİŞİ SOYADI
tasarım sürecinde - tasarımcılarımızın görüşeceği yetklili soyadı*
2.YETKİLİ KİŞİ E-POSTA ADRESİ
tasarım süreci boyunca yazışma yapılacak olan mail adresi, birden fazla ise virgül ile ayırınız.*
2.YETKİLİ KİŞİ CEP TELEFONU
tasarım süreci boyunca size ulaşabileceğimiz cep telefonu numarası
FİRMA AÇIK ADRESİ
site footer alanında göstermek isterseniz doğru ve eksiksiz yazılması önerilir*
ŞEHİR
Firmanın bulunduğu şehir*
İLÇE
Firmanın bulunduğu ilçe*
POSTA KODU
bulunduğunuz bölgenin posta kodu
SABİT TELEFON
tasarım süreci boyunca size ulaşabileceğimiz telefon numarası

2.Bölüm :

Tasarım Genel Bilgileri Detaylı Anlatım

FAALİYET ALANINIZ
satışı yapılacak ürün kategorileri nelerdir?*
RAKİP SİTELER
sektörünüzde sizin rakipleriniz olan sitelerden bir kaçını belirtir misiniz?*
BEĞENİLEN SİTELER
tasarım yapısını, işlevselliğini beğendiğiniz siteler ve varsa dikkat etmemiz gereken yerleri nelerdir?*
RENKLER
özellikle sayfanızda ağırlıklı olarak bulunması gereken veya hiç olmaması gereken renkler var mıdır? *
SİTE FORMATI
Konsept olarak siteniz nasıl olmalı? * Detaylı Anlatım
BAŞLANGIÇ KAMPANYALARI Detaylı Anlatım
Sitenizin ilk başlangıcındaki kampanyalar için yerleşim ayarlaması ve görsel tasarımı sizin için yapacağız, başlangıç kampanyalarınız nelerdir?
SİTE GENİŞLİĞİ Detaylı Anlatım
Site Genişliğiniz Nasıl Olmalı ( responsive yapıda genişlik tablet ve mobil cihazlara göre otomatik olarak boyutlanır eğer site genişliğiniz full width olacak ise ara boyutlarda da tasarım kendini resize ederek farklı görünüm kazanır genel kullanım 1170px dir) *
ÜRÜN FOTOĞRAFI NASIL GÖRÜNMELİ Detaylı Anlatım
Ürün fotoğraflarının tüm sitede görünümü baştan belirlememiz gerekiyor ürün fotoğrafının boyutu, ürün fotoğrafı boyutları oran / orantı olarak ayarlanmaktadır, genelde textil sektörü 1x1,5, ayakkabı 1x1, hepsi burda, gitti gidiyor gibi pazar yerleri çoklu ürün tipleri kullandığı için 1x1 formatını kullanmaktadır, bazı özel durumlar mücevher, takı vb. sitelerde ise fotoğrafın çekimine göre dikey 1x1,5 veya yatay 1,5x1 formatı da kullanılmaktadır, sektörünüze en yakın boyutu seçebilir yada kendi belirlediğiniz boyut var ise bizimle paylaşabilirsiniz.
SEÇİLEN ÜRÜN FOTOĞRAFI ÖRNEK GÖRÜNÜM
1 x 1 Kare
format
1 x 1,5
Dikey Kadraj
1,5 x 1 Yatay Kadraj
ÜRÜN KARTI NASIL GÖRÜNMELİ Detaylı Anlatım
Ürünler kartlarının tüm sitede görünümü baştan belirlememiz gerekiyor ürün fotoğrafının boyutu, ürünün adı, marka, fiyat, indirimli fiyat, indirim ikonu, yeni ikonu, tükendi ikonu gibi belirli öğelerin nasıl görüneceğini aşağıdaki seçenekleri işaretleyerek belirleyebilirsiniz.
KATALOG 3'LÜ
YATAY GÖRÜNÜM
LİSTE GÖRÜNÜM
FRONT-END KODLAMA EKİBİNE AKTARILMASINI İSTEDİĞİNİZ BİLGİLER
Sayfalar ve Gelen Bilgi alanında tasarımla görsterilemeyecek, öğelerin hover durumları, efektler, ekstra kodlar, entegrasyonla gelecek veriler, veya interaktif durumları aşağıda kutucuğa yazabilirsiniz.

3.Bölüm :

Sayfalar ve İçerikleri Detaylı Anlatım

BU BÖLÜMDE SAYFALARA GÖRE BULUNMASINI İSTEDİĞİNİZ İÇERİKLERİ BELİRLEYECEĞİZ
Standart tasarım paketi alan müşterilerimiz için Ana sayfa, Ürün liste ve Ürün detay sayfalarının tasarımları için her sayfada hangi öğelerin yer alması gerektiği bilgisini bu alanda sizden almaktayız.
SİTE ÜST KISMI (HEADER)
Header alanı bir kere tanımlanıp tüm sayfalarda ayı görünüm gelmektedir, paketinizde yer alan yada standart yapıdan gelen tüm sayfalarda header bu yapıya göre görünecektir.
Üst Menü Barda Yer Alacak Kategori ve Menüler
Üst Kısım ( Header ) Rengi
Kategori ve Açılır Menü Yapısı
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SİTE ALT KISMI (FOOTER) Detaylı Anlatım
Footer alanı bir kere tanımlanıp tüm sayfalarda ayı görünüm gelmektedir, paketinizde yer alan yada standart yapıdan gelen tüm sayfalarda header bu yapıya göre görünecektir.
Alt Kısım (Footer) Rengi
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
FRONT-END KODLAMA EKİBİNE AKTARILMASINI İSTEDİĞİNİZ BİLGİLER
Sayfalar ve Gelen Bilgi alanında tasarımla görsterilemeyecek, öğelerin hover durumları, efektler, ekstra kodlar, entegrasyonla gelecek veriler, veya interaktif durumları aşağıda kutucuğa yazabilirsiniz.

4.Bölüm :

Ana Sayfa Tasarımı ve İçerikleri Detaylı Anlatım

BU BÖLÜMDE ANA SAYFADA BULUNMASINI İSTEDİĞİNİZ İÇERİKLERİ BELİRLEYECEĞİZ
Standart tasarım paketi alan müşterilerimiz için Ana sayfa, Ürün liste ve Ürün detay sayfalarının tasarımları için her sayfada hangi öğelerin yer alması gerektiği bilgisini bu alanda sizden almaktayız.
ANA SAYFA BLOK YAPISI
Altyapımız sayfa sayfa blok yönetimine imkan sağlıyor, sitenizde kategori ve banner alanlarını kullanabileceğiniz sağ, sol ve orta bloklar yer almaktadır panelden bu bloklar aktif pasif edilebilmektedir.
İlk etapda ana sayfada oluşmasını istediğiniz görüntüyü sağlamak için hangi blok kombinasyonunun aktfi olması gerektiğini belirleyebiliriniz, bu konuda fikriniz yok ise örnek siteler vererek bize bunu anlatabilirsiniz.
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
ANA SAYFADA YER ALACAK ÖĞELER
Altyapımız sayfa sayfa blok yönetimine imkan sağlıyor, sitenizde kategori ve banner alanlarını kullanabileceğiniz sağ, sol ve orta bloklar yer almaktadır panelden bu bloklar aktif pasif edilebilmektedir.
İlk etapda ana sayfada oluşmasını istediğiniz görüntüyü sağlamak için hangi blok kombinasyonunun aktfi olması gerektiğini belirleyebiliriniz, bu konuda fikriniz yok ise örnek siteler vererek bize bunu anlatabilirsiniz.
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SOL BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
ORTA BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SAĞ BLOKTA YER ALACAK ÖĞELERİ SEÇİN
FRONT-END KODLAMA EKİBİNE AKTARILMASINI İSTEDİĞİNİZ BİLGİLER
Sayfalar ve Gelen Bilgi alanında tasarımla görsterilemeyecek, öğelerin hover durumları, efektler, ekstra kodlar, entegrasyonla gelecek veriler, veya interaktif durumları aşağıda kutucuğa yazabilirsiniz.

5.Bölüm :

Ürün Liste Sayfası Tasarımı ve İçerikleri Detaylı Anlatım

BU BÖLÜMDE ÜRÜN LİSTEDE BULUNMASINI İSTEDİĞİNİZ İÇERİKLERİ BELİRLEYECEĞİZ
Standart tasarım paketi alan müşterilerimiz için Ana sayfa, Ürün liste ve Ürün detay sayfalarının tasarımları için her sayfada hangi öğelerin yer alması gerektiği bilgisini bu alanda sizden almaktayız.
ÜRÜN LİSTE SAYFASI BLOK YAPISI
Altyapımız sayfa sayfa blok yönetimine imkan sağlıyor, sitenizde kategori ve banner alanlarını kullanabileceğiniz sağ, sol ve orta bloklar yer almaktadır panelden bu bloklar aktif pasif edilebilmektedir.
İlk etapda ana sayfada oluşmasını istediğiniz görüntüyü sağlamak için hangi blok kombinasyonunun aktfi olması gerektiğini belirleyebiliriniz, bu konuda fikriniz yok ise örnek siteler vererek bize bunu anlatabilirsiniz.
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
ÜRÜN LİSTE SAYFASINDA YER ALACAK ÖĞELER
Altyapımız sayfa sayfa blok yönetimine imkan sağlıyor, sitenizde kategori ve banner alanlarını kullanabileceğiniz sağ, sol ve orta bloklar yer almaktadır panelden bu bloklar aktif pasif edilebilmektedir.
İlk etapda ana sayfada oluşmasını istediğiniz görüntüyü sağlamak için hangi blok kombinasyonunun aktfi olması gerektiğini belirleyebiliriniz, bu konuda fikriniz yok ise örnek siteler vererek bize bunu anlatabilirsiniz.
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SOL BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
ORTA BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SAĞ BLOKTA YER ALACAK ÖĞELERİ SEÇİN
FRONT-END KODLAMA EKİBİNE AKTARILMASINI İSTEDİĞİNİZ BİLGİLER
Sayfalar ve Gelen Bilgi alanında tasarımla görsterilemeyecek, öğelerin hover durumları, efektler, ekstra kodlar, entegrasyonla gelecek veriler, veya interaktif durumları aşağıda kutucuğa yazabilirsiniz.

6.Bölüm :

Ürün Detay Sayfası Tasarımı ve İçerikleri Detaylı Anlatım

BU BÖLÜMDE ÜRÜN DETAYDA BULUNMASINI İSTEDİĞİNİZ İÇERİKLERİ BELİRLEYECEĞİZ
Standart tasarım paketi alan müşterilerimiz için Ana sayfa, Ürün liste ve Ürün detay sayfalarının tasarımları için her sayfada hangi öğelerin yer alması gerektiği bilgisini bu alanda sizden almaktayız.
ÜRÜN DETAY SAYFASI BLOK YAPISI
Altyapımız sayfa sayfa blok yönetimine imkan sağlıyor, sitenizde kategori ve banner alanlarını kullanabileceğiniz sağ, sol ve orta bloklar yer almaktadır panelden bu bloklar aktif pasif edilebilmektedir.
İlk etapda ana sayfada oluşmasını istediğiniz görüntüyü sağlamak için hangi blok kombinasyonunun aktfi olması gerektiğini belirleyebiliriniz, bu konuda fikriniz yok ise örnek siteler vererek bize bunu anlatabilirsiniz.
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SOL BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
ORTA BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜST KISIM ( HEADER )
SOL
KISIM
ORTA KISIM
SAĞ
KISIM
SAĞ BLOKTA YER ALACAK ÖĞELERİ SEÇİN
ÜRÜN DETAY SAYFASI BİLGİ TABLARI VE GÖRSEL KONUMLANDIRMA AYARLARI Detaylı Anlatım
Ürün detay sayfasında Standart tab başlıkları aşağıda yer almaktadır bunlardan hangilerinin olacağını seçebilirsiniz.
Ürün Tabları Ürün Büyük
Görselinin Sağında Olsun
ÜRÜN DETAY SAYFASINDA GÖRÜNMESİNİ İSTEDİĞİNİZ TABLAR
FRONT-END KODLAMA EKİBİNE AKTARILMASINI İSTEDİĞİNİZ BİLGİLER
Sayfalar ve Gelen Bilgi alanında tasarımla görsterilemeyecek, öğelerin hover durumları, efektler, ekstra kodlar, entegrasyonla gelecek veriler, veya interaktif durumları aşağıda kutucuğa yazabilirsiniz.
Ürün Tipi (ürünler ve renk kurgusunun nasıl yapılacağına karar verin)
Bu alanın seçimi kritiktir, ürün yapısı buna göre kodlanacaktır doğru işaretlediğinizden emin olmanız gerekmektedir. Yanlış seçimden kodlama ekibi sorumlu tutulamaz.
ALT ÜRÜN: ALT ÜRÜNLÜ ÜRÜNLER BİR TANE ANA ÜRÜNDEN OLUŞUR. RENK SEÇENEKLERİ ANA ÜRÜNE TANIMLANIR. DETAY SAYFASINDA RENK SEÇİLDİĞİ ZAMAN SAYFA YENİLENMEDEN İŞLEM YAPILIR. ANA ÜRÜNÜN STOK KODU TEKTİR. İSTENİRSE ALT ÜRÜNLERE DE BARKOD VEYA STOK KODU EKLENEBİLİR
ÖRNEK 1 RESİM
ORNEK 2 RESİM
İLİŞKİLİ ÜRÜN: İLİŞKİLİ ÜRÜNLÜ ÜRÜNLERİN HER BİRİ AYRI BİR ÜRÜNDÜR. FARKLI RENK OLDUĞUNU TANIMLAMAK İÇİN ÜRÜN İSMİNE RENK YAZILABİLİR. DETAY SAYFASINDA RENK SEÇİLDİĞİ ZAMAN SAYFA YENİLENEREK DİĞER ÜRÜNE GİDER (HER BİRİ AYRI ÜRÜN OLDUĞU İÇİN HER RENGİN AYRI BİR LİNKİ VARDIR). HER RENK ASLINDA AYRI BİR ÜRÜN OLDUĞUNDAN AYRI AYRI STOK KODLARI VARDIR.
ÖRNEK 1 RESİM
ORNEK 2 RESİM
ÖNEMLİ BİLGİLENDİRME
* Tasarımlar müşterilerimizin talepleri doğrultusunda hazırlanmaktadır. Yapılan tasarımda yer alan bir fonksiyon aldığınız paketimizde yer almayan bir özellik ise bu fonksiyon çalışmayacaktır.
* Tasarımcı kendisinden istenen görsel çalışmayı yapmaktadır. Sahip olunmayan bir özelliğe ait bir tasarım yaptırılması, bunun uygulanacağı anlamına gelmeyecektir.
* Tasarım bilgi formunda ne kadar ayrıntı paylaşırsanız, sizi o kadar iyi anlayabilir ve tasarımınızı o kadar hızlı tamamlayabiliriz.
* Tasarım aşamasında düzenleme yapmak çok kolay olup, tasarım uygulama aşamasına geçildikten sonra ise çalışmanın baştan yapılmasını gerektirebilmektedir. Bu yüzden tasarımı onayladığınızda, geriye doğru bir değişiklik imkanı kalmayacaktır. İleriki süreçlerde memnuniyetsizlik yaşamamak için, tasarım sürecinde tüm taleplerinizi iletmenizi rica ederiz.
Detaylı Anlatım