კონტაქტის გვერდის დიზაინი: საუკეთსო პრაქტიკა და მაგალითები

blog

საკონტაქტო გვერდი არის ბოლო გვერდი კომპანიასა და კლიენტს შორის. მაგრამ ბოლო არ ნიშნავს საბოლოოს; ბევრ ადამიანს შეუძლია დახუროს ეს გვერდი მისი ნახვის შემდეგ. ხშირად არ აფასებენ, საკონტაქტო გვერთ. ზოგი კი ამბობს, რომ ეს გვერდი დანარჩენზე უფრო მნიშვნელოვანია.

უბრალოდ დაფიქრდით: ყველა ბიზნესს სჭირდება საკონტაქტო გვერდი, მაგრამ მხოლოდ ზოგიერთი მათგანი აქცევს ყურადღებას მის მნიშვნელობას. სამწუხაროა, მაგრამ ბოლო, რასაც დეველოპერები აკეთებენ ეს არის საკონტაქტო გვერდი.

მიუხედავად ამ პრაქტიკისა, სახელიც კი „დაგვიკავშირდით“ შეიძლება იყოს მოწოდება მოქმედებისკენ. საკონტაქტო გვერდი ალბათ პირველია, რაც ახალ ვიზიტორებს/კლიენტებს სურთ ნახონ. რაც უფრო მიმზიდველია ეს გვერდი, მით მეტია შანსი, რომ მომხმარებლები დაინტერესდებიან თქვენთან თანამშრომლობით. 

დღეს ჩვენ განვიხილავთ საკონტაქტო გვერდის დიზაინს, რჩევებსა და ხრიკებს, იდეებს და საკონტაქტო გვერდის ავთენტურობის მაგალითებს.

რატომ არის მნიშვნელოვანი საკონტაქტო გვერდი?

ჩვენთან კონტაქტის გვერდების მთავარი ამოცანაა თქვენი ვიზიტორები გადააქციოს კლიენტებად. მომხმარებლებმა უნდა მიიღონ დადასტურება, რომ მათი არჩევანი სწორია. მიუხედავად იმისა, რომ არ არსებობს ერთი ყველასთვის შესაფერისი  დიზაინის წესი გვერდის შაბლონებისთვის, საკონტაქტო გვერდი უნდა:

  • იყოს მიმზიდველი ვიზიტორების ყურადღების მისაპყრობად;
  • კლიენტი-კომპანიის ურთიერთქმედებას უნდა უწყობდეს ხელს;
  • შეგვიძლია თვალყური ადევნოთ მომხმარებლის მოთხოვნებს და წვლილი შეიტანოთ SEO-ში;
  • აძლევს საშუალებს ვიზიტორებს დატოვონ კომენტარები;
  • გაქვთ საკონტაქტო ფორმა, რომელიც, სავარაუდოდ, გააუმჯობესებს გუგლის ხილვადობას და საიტს უფრო მოძებნადს გახდის;
  • ხაზი უსვამს რამდენად შესანიშნავია თქვენი კომპანია.

საკონტაქტო გვერდის აშკარა პრაქტიკა

აშკარაა, რომ საკონტაქტო გვერდები უნდა იყოს:

  • ფუნქციური 一 ყველა ველი უნდა იყოს აქტიური;
  • ინფორმაციული 一 უნდა შეიცავდეს ყველა საკონტაქტო მონაცემს (მათ შორის ალტერნატიულ კონტაქტებს);
  • ვიზუალურად მიმზიდველი 一 ის არ უნდა ეწინააღმდეგებოდეს ვებსაიტის ზოგად სტილს;
  • კარგად დაწერილი 一 სწორი გრამატიკა, პუნქტუაცია სავალდებულოა;
  • მომხმარებლისთვის მოსახერხებელი 一 უნდა იყოს მისასალმებელი ფრაზები ან ნებისმიერი სხვა რამ, რამაც შეიძლება მომხმარებლებლის ყურადღება მიიქციოს;
  • ინდივიდუალისტური 一 უნდა შეიცავდეს მონაცემებს, როგორიცაა კორპორატიული მისამართი, გუნდის წევრების ფოტოები და ელფოსტა და ა.შ.;
  • ინტუიციურად გასაგები 一 ღილაკი „გაგზავნა“ უნდა იყოს ხილული და კარგად უნდა ეჭირებოდეს ნებისმიერ ბრაუზერზე და მოწყობილობაზე;
  • responsive 一 სწორად უნდა აჩვენებდეს ყველა ბრაუზერში, ყველანაირ მოწყობილობაზე.

აუცილებელის საკონტაქტო გვერდის ელემენტები

როგორც ჩანს, საკონტაქტო ფორმა, ელ.ფოსტა და ტელეფონის ნომრები, სოციალური მედიის ბმულები და გუგლის რუკა აუცილებელი ელემენტებია. მოდით უფრო ახლოს გავეცნოთ ამ საკონტაქტო გვერდის მაგალითებს და საკონტაქტო ინფორმაციის ფორმებს.

საკონტაქტო ფორმა

საკონტაქტო ფორმა არის კონტაქტის გვერდის დიზაინის აუცილებელი ელემენტი. TopSpot-ის დიზაინზე დაყრდნობით, შემიძლია გამოვყო შემდეგი რჩევები:

  • საკონტაქტო დეტალებისთვის ძალიან ბევრი ველი, სავარაუდოდ შეაშინებს მომხმარებლებს (საკმარისია ელ. ფოსტა, ტელეფონი, სახელი და შეტყობინება);
  • განათავსეთ იგი ყველაზე თვალსაჩინო ადგილას, რათა თავიდან კლიენტს არ მოუწიოს გვერდის სქროლვა;
  • მომხმარებლებს არ მოსწონთ გრძელი საკონტაქტო ფორმები, რადგან ბევრი ტექსტის აკრეფა უწევთ;
  • შეიმუშავეთ საკონტაქტო ფორმა ნათელი ფერების გამოყენებით;
  • მოძრავი საიდბარი (sliding sidebar)საკონტაქტო ფორმით უფრო ფუნქციონალურია, ვიდრე pop-up (მომხმარებლებს შეუძლიათ ნებისმიერ დროს გაააქტიურონ მოძრავი საიდბარი მხოლოდ ერთი ღილაკით, მაგრამ ამომხტარი ფანჯარა ქრება დაწკაპუნების შემდეგ).

Email და ტელეფონის ნომრები

საკონტაქტო ინფორმაცია არის მთავარი მიზეზი, რის გამოც ბიზნესი ქმნის საკონტაქტო გვერდს. აქედან გამომდინარე, დიზაინის ძირითადი მახასიათებლებია:

  • ზოგს მოსწონს ელ.ფოსტა, ზოგს კი ტელეფონები. არასდროსაა ზედმეტი ყველა შესაძლო საკომუნიკაციო საშუალების დამატება.
  • გახადეთ ელ.ფოსტა დაკლიკებადი, რათა დაზოგოთ მომხმარებლების დრო, არ მოითხოვოთ დამატებითი ქმედებები.
  • ტელეფონის ნომერი არის ნაბიჯი თქვენსა და თქვენს ვიზიტორებს შორის კონფიდენციალური ურთიერთობისკენ. ეს საკონტაქტო დეტალი აჩვენებს მეტ ნდობას და მოლაპარაკების სურვილს.

ბმულები სოციალურ მედიაში

სოციალური მედია ხშირად ხდება კომუნიკაციის მთავარი არხი სწრაფი რეაგირების გამო.

ჩვეულებრივ, სოციალური მედიის ბმულების დიზაინის შესახებ შემდეგი რჩევებია:

  • ნამდვილად ღირს სოციალური მედიის ბმულები გვერდებზე ადვილად ხელმისაწვდომი იყოს. ვებსაიტის ვიზიტორები გადადიან, რითაც ინტერესდებიან თქვენი პლათფორმებით.
  • გახადეთ სოციალური მედიის ღილაკების დიზაინი თვალისმომჭრელი, მაგრამ არა ძალიან შემაწუხებელი, დიდი ზომის და განათავსეთ შესაბამის ადგილას.

გუგლის რუკები

გუგლის რუკები თქვენს ვებსაიტს უფრო მოწინავე იერს აძლევს. ეს ელემენტი გადამწყვეტია ისეთი ბიზნესებისთვის, რომლებსაც აქვთ ოფისები.

სპეციფიკური ელემენტები

გამოიყენეთ სპეციფიკური ელემენტები, ანუ რესტორნების საიტები და სილამაზის სალონები შეიძლება შეიცავდეს განრიგს მათ საკონტაქტო გვერდზე. ნუ უგულებელყოფთ ფორმის გაგზავნის შემდეგ დამადასტურებელ შეტყობინებებს. მარტივი ფრაზა, როგორიცაა “თქვენი შეტყობინება წარმატებით გაიგზავნა” საკმარისია იმისათვის, რომ ვიზიტორებს აცნობოთ მათი შეტყობინებების მიღება.

ავირჩიე ათი მოდური კონტაქტის გვერდი. ვიმედოვნებ, რომ ეს საუკეთესო საკონტაქტო გვერდები თქვენთვის ინსპირაცია იქნება. მიიღებთ საინტერესო იდეებს, რომელსაც თქვენი საკონტაქტო გვერდისთვის გამოიყენებთ.

#1. Rockstar Pro Movers

გადამზიდი კომპანია Rockstar Pro Movers აჩვენებს ჰოლისტურ მიდგომას ბრენდის კონცეფციის მიმართ. კომპანია განსაზღვრავს თავის მდებარეობას Google Maps-ისა და ფოტოების მეშვეობით. ასევე გააჩნია მიმზიდველი და ელეგანტური სურათებს მთელ საიტზე, შესაბამისად საკონტაქტო გვერდზეც.

კარგია გვერდის განათება, გუგლის რუკების გამოყენება მთელი ქუჩის დეტალურად საჩვენებლად. ასე რომ, გვერდს აქვს ყველა საჭირო ინფორმაცია, თუ ვერ შეძლებთ ეწვიოთ მათ ოფისს.

#2. Haim Benisty

უპირველეს ყოვლისა, მინდა დავაფასო Haim Benisty-ის ბრენდინგის სააგენტოს საიტის დიზაინი. საკონტაქტო ფორმა ითვალისწინებს მხოლოდ სამ აუცილებელ ველს. ზოგჯერ სიმარტივე შესანიშნავი არჩევანია. არ გადატვირთოთ გვერდი ყველა იმ მონაცემის დამატებით, რაც გაქვთ. გვერდი სუფთაა, ხელმისაწვდომი მოქმედებები ნათლად არის ნაჩვენები და შინაარსის შეზღუდული რაოდენობა ადვილად აღსაქმელია.

#3. Dina Deykun

ქორწილის ფოტოგრაფის დინა დეიკუნის საკონტაქტო გვერდი მხოლოდ ერთი შეხედვით გამოიყურება სასაცილოდ. ეს ვებ პორთფოლიოს საკონტაქტო გვერდი არის სახალისო და კრეატიული, შეიცავს ქორწილის ფოტოებს პროფესიონალიზმის საჩვენებლად. გარდა ამისა, არსებობს ფარული ბმულები სხვა საიტის გვერდებზე.

ამ გვერდზე ბევრი ინფორმაციაა, მაგრამ ზედმეტი არაფერი. გვერდი ითხოვს მომხმარებლის სახელს, ტელეფონს, ელფოსტას და სთავაზობს ღონისძიების მოწყობას. რამდენიმე ველის შევსება შესანიშნავი ტექნიკაა მომხმარებლების მოსაზიდად. გარდა ამისა, ყოველთვის შეგიძლიათ დატოვოთ შეტყობინება.

#4. Outdoor Dynamics

სასტუმროს საიტი სავსეა ფერადი ფოტოებით, რაც მისი პოპულარობის გაზრდას იწვევს მოგზაურებში და რეზონანსი აქვს საიტის სამიზნე აუდიტორიასთან. ეს გვერდი მჭიდროდ არის დაკავშირებული ბრენდთან. დახვეწილი ილუსტრაციები დიზაინის თავსებადს ხდის საიტის დანარჩენ გვერდებთან.

ეს არის კონიაკის, თანამედროვე და მრავალმხრივი საკონტაქტო გვერდის მაგალითი. კარგად ანიმაციური გვერდი ითვალისწინებს კომუნიკაციის კლასიკურ ფორმებს, მათ შორის სოციალური ქსელების ბმულებს.

#5. Sunny Development Group

დეველოპერის ჯგუფის საკონტაქტო გვერდს აქვს ძალიან არაფორმალური ატმოსფერო, მაგრამ ჩვენთან კონტაქტის გვერდის დიზაინი უჩვეულოა. მომხმარებლები დაიმახსოვრებენ მას და განასხვავებენ კომპანიას კონკურენტებისგან. ამ გვერდზე გადასვლა შესაძლებელია საიტის მთავარი გვერდიდან. ეს წარწერა მოქმედებისკენ ნიშნავს: „როგორ გავაუმჯობესოთ თქვენი ჯანმრთელობა? ეს კარგი მინიშნებაა საკონტაქტო გვერდებისთვის. ის იდეალურად არის შერწყმული მესენჯერთან.

#6.USG Freight

გადამზიდავი კომპანიის ეს გვერდი პირდაპირ ურევს ბიზნესსა და სასიამოვნო დიზაინს. უბრალოდ შეხედეთ, შეგიძლიათ დაუკავშირდეთ კომპანიას და შეუკვეთოთ სხვადასხვა გადაზიდვის მომსახურება. ყველა საკონტაქტო ინფორმაცია ასევე წარმოდგენილია ჰედერში.
ტექსტები ძალიან ზუსტია. გარდა ამისა, არის ყველა საკონტაქტო ინფორმაცია, მათ შორის დრო. მთლიანობაში, კონტაქტის გვერდის დიზაინი შესანიშნავია. საკონტაქტო გვერდი შეიცავს საძიებო ფორმას, ფაილის დამატების შესაძლებლობას, Google Map-ს და პოსტებს ტრანსპორტირების კანონმდებლობის თემებზე.

#7. Tybot Laboratories

შეხედეთ ამ ციფრული კომპანიის კრეატიულ მიდგომას. ყურადღება მიაქციეთ ელეგანტურ საკონტაქტო ფორმას, რომელიც postcard-ის მსგავსია. საკონტაქტო გვერდი პერსონალიზებულია და მასში წარმოდგენილია კომპანიის ლოგო.

#8. Allison Winter

მიუხედავად იმისა, რომ ჩვენთან კონტაქტების ეს გვერდი არის Awwwards-ის ერთ-ერთი ნომინანტი, ეს მიდგომა არ არის ტრადიციული, განსაკუთრებით UX დიზაინერებისთვის. გასაგზავნი ფორმის წარდგენის ნაცვლად, გვერდი ავტომატურად ხსნის თქვენი კომპიუტერის ელ.ფოსტის კლიენტს. მომხმარებლები ხედავენ მხოლოდ მოქმედებას და შეუძლიათ დაუკავშირდნენ მხოლოდ ელფოსტით. ზოგ შემთხვევაში ასეთი ძირითადი საკონტაქტო გვერდის დიზაინი ორაზროვანი ჩანს. ზოგჯერ ეს არ არის სასიამოვნო და ამიტომ მსურს დავხურო ეს ფორმა. ზოგადად, სიმარტივე და სიცხადე გადამწყვეტია, მაგრამ არ უნდა დაგვავიწყდეს, რომ შეამოწმოთ მთელი ფუნქციონირება. რაც მთავარია, არ დაგავიწყდეთ დაამატოთ ბმულები სოციალურ ქსელებში მათთვის, ვისაც თქვენთან საუბარი სურს.

#9. Vesper Group

ეს არის უძრავი ქონების მართვის კომპანიის საკონტაქტო გვერდის შესანიშნავი მაგალითი, რომელიც როგორც პროფესიონალურია, ასევე ინფორმატიული. ეს გვერდი ითხოვს უშუალო კომუნიკაციას, მიგვანიშნებს სერიოზულ კომპანიაზე. როგორ დავაწყოთ ყველა საკონტაქტო ინფორმაცია პირველ ეკრანზე? მიუთითეთ კონტაქტები მარცხნივ და ცენტრში და მოათავსეთ საკონტაქტო ფორმა მარჯვნივ. რა შეიძლება გაუმჯობესდეს აქ? ალბათ, არაფერი.

#10. Liquid Crystal





ციფრული სააგენტოები ინოვაციების ლიდერები არიან, რაც დასტურდება ამ უჩვეულო საკონტაქტო გვერდით. პირველ რიგში, კლიენტი ირჩევს საუბრის საგანს. მეორე, კომპანია სიტყვებიდან საქმეზე გადადის: ზედმეტი სიტყვების გარეშე, მხოლოდ კონსტრუქციული დიალოგი.

რა უნდა გავაკეთოთ და რა არა: რჩევები და ხრიკები

ძირითადი პრობლემები, ანუ რა არ უნდა გავაკეთოთ შემდეგია:

  • საერთოდ არ არის საკონტაქტო გვერდი.
  • წარმოდგენილია არასრული საკონტაქტო ინფორმაცია (მხოლოდ ტელეფონები ან მხოლოდ ელექტრონული ფოსტა). მეტი კომუნიკაციის საშუალება ნიშნავს უფრო მეტ შანსს, რომ კლიენტები დაგიკავშირდება.
  • საკონტაქტო ინფორმაცია არასწორი ან შეუსაბამოა; არის შეცდომები ნომრებში, მისამართებში და ა.შ.
  • არ არის call-to-action შეტყობინება.

როგორ უნდა გავზარდოთ საკონტაქტო გვერდის გავლენა:

  • საკონტაქტო გვერდი ხელმისაწვდომი უნდა იყოს ერთი დაკლიკებით, რათა მომხმარებლებმა შეძლონ ყველა საკომუნიკაციო საშუალების ნახვა.
  • სპამის თავიდან ასაცილებლად სასურველია საკონტაქტო ფორმა გამოაგზავნოთ ელ.წერილი.
  • არ გადატვირთოთ გვერდი ვიზუალით; წარმოადგინეთ მოკლე ტექსტი, რათა წაახალისოთ კლიენტები უკუკავშირისთვის.
  • კარგია შეიტანოთ თქვენი გუნდისა და ოფისის ფოტოები, რათა სხვებმა დაინახონ კორპორატიული კულტურა.
  • გახადეთ გვერდი უფრო თვალსაჩინო Google-ისთვის მიკრო მარკირების სტანდარტების დაცვით.
  • წარმოადგინეთ ძირითადი ინფორმაცია კომპანიის შესახებ, რადგან ბევრი მომხმარებელი სტუმრობს მხოლოდ საკონტაქტო გვერდს.
  • მიაწოდეთ გუგლის რუკა და ინსტრუქციები, თუ როგორ მოვიდნენ თქვენს ოფისში, პანორამული ფოტოები და შესაძლოა პარკირების დეტალებიც კი.
  • აჩვენეთ გუნდის წევრების კონტაქტები. მაგალითად: სახელი გვარი, ტელეფონი: 599 999999.
  • დაალაგეთ მისამართების მონაცემები და კონტაქტები სხვადასხვა რეგიონებისა და ქალაქების მიხედვით.
  • სთხოვეთ მომხმარებლებს, მიუთითონ მათთვის მოსახერხებელი დრო დასარეკად.
  • იურიდიული ინფორმაცია პარტნიორებისთვის შესაძლებელს ხდის რომ გაიგზავნოს დოკუმენტები (თუ ეს არის საჭიროების შემთხვევაში).

თქვენ ხედავთ, როგორ განსხვავდება კონტაქტის გვერდის დიზაინი, ამიტომ ყველა საიტს სჭირდება საკუთარი ხედვა. დაიჯერეთ თუ არა, თქვენ შეგიძლიათ შექმნათ საკონტაქტო გვერდები ნულიდან. როგორც ჩანს, რთულია, ვიცი, მაგრამ არსებობს მათი შექმნისა და კონფიგურაციის მარტივი გზა დანამატების გამოყენებით, როგორიცაა JetFormBuilder.

შეჯამება

საკონტაქტო გვერდი არის კიდევ ერთი გზა იმის, რომ მომხარებლებს დავანახოთ, თუ რამდენად მნიშვნელოვანია ისინი. მაგრამ ჩემი ანალიზი აჩვენებს, რომ ასეც რომ იყოს, მაღალი ხარისხის რესურსები დიდ ყურადღებას არ აქცევს საკონტაქტო გვერდის დიზაინს. ისინი ძირითადად არც ისე მიმზიდველად გამოიყურებიან, როგორც სხვა გვერდები.

საკონტაქტო გვერდის დიზაინი მიზნად ისახავს კომპანიასთან დაკავშირების მეთოდებით ინფორმაცია მკაფიოდ და ეფექტურად მოგვაწოდოს. გახადეთ საკონტაქტო გვერდი გასაგები და მარტივი მომხმარებლებისთვის ინფორმაციის მოსახერხებლად მისაღებად. ამიტომ, შეამოწმეთ თქვენი ფორმები რამე ხომ არ არის შეცდომით და შეეცადეთ შეხედოთ მათ როგორც კლიენტი, რადგან ყველა დეტალს მნიშვნელობა აქვს.

Free consultation ?

Have an idea or question ? We can assist you for free. Just leave your contact details below.