سایت ساز وب وان
روند دیزاین سایت ساز وب وان
این سایت ساز توسط شرکت وب وان کدنویسی شده است
مدت زمان پروژه: 9 ماه
اعضای تیم طراحی
مهندس بهنام شبرندی مدیر محصول
فاطمه پرپنجی طراح UI/UX
نیلوفر عارف نیا اسکرام مستر و مدیر فروش
معین مرتضوی مهندس کامپیوتر (جهت مشاوره محدودیت های برنامه نویسی)
معرفی
وب وان یک شرکت طراحی سایت است که تمرکز اصلی آن روی ارائه سایتهای آماده بود. با گذشت زمان، فروش این شرکت کاهش پیدا کرد و طی مصاحبههای تلفنی با مشتریان، متوجه شدیم که آنها علاقهای به سایتهای آماده ندارند. احساس میکردند که این سایتها به اندازه کافی منحصربهفرد نیستند و ممکن است طرحهای مشابه توسط دهها نفر استفاده شوند. با این حال، بیشتر مشتریان نیز نمیخواستند هزینه بالایی برای طراحی اختصاصی پرداخت کنند.
در پاسخ به این نیاز، تصمیم گرفتیم یک پنل طراحی کنیم که به مشتریان اجازه دهد تغییرات کوچکی روی سایتهای آماده اعمال کنند تا حس منحصربهفرد بودن به آنها داده شود.
برای این منظور و فهم دقیق نیازهای کاربران تصمیم گرفتیم که یک مصاحبه تلفنی با افرادی که به دنبال جستجوی شرکتهای طراحی سایت در اینترنت هستند داشته باشیم در ابتدا ویژگی های افرادی که شرایط مصاحبه را داشته باشند به عبارت دیگر بیشتر شباهت را با مشتریان آینده ما داشته باشند و سوالات مصاحبه را اماده کردیم برای این منظور ابتدا باید اهداف طراحی پروزه جدید را تعریف میکردیم
اهداف طراحی سایت ساز:
افزایش فروش و جذب مشتریان جدید: با توسعه یک سایتساز کاربرپسند، میتوانید مشتریانی که مایل به خرید سایتهای اختصاصی هستند ولی توان مالی پرداخت هزینه بالا را ندارند، جذب کنید. این ابزار به شما امکان میدهد تا از بازار مشتریانی که به دنبال راهحلهای نیمهسفارشی با قیمت مناسب هستند، بهرهمند شوید.
ارتقاء تجربه کاربری و افزایش رضایت مشتری: ارائه یک ابزار ساده و منعطف برای کاربران باعث میشود تجربه کاربری بهبود یابد و مشتریان بیشتری به سمت استفاده از سایتهای شما سوق پیدا کنند. این تجربه خوب میتواند منجر به افزایش رضایت و بازگشت مشتریان شود، که در نهایت فروش بیشتری به همراه دارد.
افزایش نرخ تبدیل و کاهش نرخ ترک مشتری: بسیاری از مشتریانی که به دلیل عدم توانایی در پرداخت هزینه طراحی اختصاصی به سمت رقبا میروند، با وجود این ابزار سایتساز میتوانند همچنان در دایره مشتریان شما باقی بمانند. این امر باعث کاهش نرخ ترک مشتریان فعلی و افزایش نرخ تبدیل خواهد شد.
تنوع در خدمات و محصولات ارائهشده: با داشتن یک سایتساز، میتوانید به جای تکیه بر فروش سایتهای آماده، خدمات متنوعتری ارائه دهید. این تنوع خدمات (از سایتهای آماده تا سفارشیسازیهای ساده) به مشتریان این امکان را میدهد که گزینههای بیشتری انتخاب کنند و منجر به افزایش فروش خدمات جدید شود.
افزایش مقیاسپذیری و گسترش بازار: سایتساز میتواند به شما کمک کند تا به بازارهای جدید و بزرگتر دسترسی پیدا کنید. بازارهایی که ممکن است در گذشته به دلیل قیمتهای بالا یا پیچیدگی طراحی سایت از دست دادهاید، اکنون با ابزار سایتساز قابل دستیابی خواهند بود. همچنین، توسعه بازارهای بینالمللی نیز امکانپذیر میشود.
کاهش هزینههای پشتیبانی و توسعه سایتها: با ارائه یک سایتساز خودکار و کاربرپسند، تعداد درخواستهای پشتیبانی و مشکلات فنی از سوی کاربران کاهش مییابد. این امر منجر به کاهش هزینههای نیروی انسانی و پشتیبانی خواهد شد.
افزایش سرعت تحویل پروژهها و کاهش زمان موردنیاز برای توسعه: با استفاده از یک سایتساز، میتوان زمان توسعه سایتها را به طور چشمگیری کاهش داد. این سرعت در تحویل باعث میشود که شرکت شما بتواند پروژههای بیشتری را در مدت زمان کمتر به مشتریان ارائه دهد و در نتیجه درآمد خود را افزایش دهد.
نقش من:
در این پروژه، مسئولیت تحلیل تجربه کاربری بر عهده من بود. از ابتدای آغاز پزوژه و تعیین سوالات مصاحبه و ویژگی های افراد مورد مصاحبه تا تحلیل و ایجاد پرسونا تا تعریف چالشها و مدیریت جلسات طوفان فکری و پیدا کردن راه حل برای چالشهای رو به رو من همچنین طراحی رابط کاربری را انجام دادم.
روش تحقیق
در توسعه این اپلیکیشن، به منظور درک نیازهای مشتریان ما از رویکرد تفکر طراحی (Design Thinking) استفاده کردیم. در مرحله اولیه، سوالات مصاحبه را اماده کردیم و تیم فروش ما مصاحبههایی با مشتریان انجام داد و چالش بزرگی که شناسایی شد، زمانهای طولانی انتظار برای نوبت ویزیت بود. برای رفع این مشکل، تصمیم گرفتیم با پزشکان مصاحبه کنیم تا نیازهای آنها را درک کرده و راههایی برای کاهش زمان ویزیت بدون کاهش کیفیت بیابیم.
گروه هدف مصاحبهها:
- صاحبان کسبوکارهای کوچک: کسانی که به دنبال طراحی سایت نیمهسفارشی هستند اما بودجه کافی برای طراحیهای اختصاصی ندارند.
- فریلنسرها و هنرمندان: کسانی که نیاز به نمونه کار آنلاین دارند و نمیخواهند زمان زیادی را صرف طراحی سایت کنند.
- فروشگاههای آنلاین کوچک: که به دنبال راهحلی مقرون به صرفه برای توسعه فروشگاه اینترنتی خود هستند.
پرسونا
پس از انجام مصاحبه با پنج مشتری که قصد خرید سایت به صورت اینترنتی داشتند، سه پرسونا تهیه کردم.
نقاط درد
بعد از انجام مصاحبهها و آمادهسازی پرسونا، به این نتایج رسیدیم که مشتریان ما با چندین چالش مهم مواجه هستند. این مشکلات به ما کمک کرد تا درک بهتری از نیازها و خواستههای آنها پیدا کنیم و بهویژه روی نقاط ضعف فعلی تمرکز کنیم. به این ترتیب، ده Pain Point زیر شناسایی شد:
عدم احساس منحصر به فرد بودن در سایتهای آماده: مشتریان احساس میکنند که سایتهای آماده به اندازه کافی منحصربهفرد نیستند و ممکن است توسط چندین نفر دیگر نیز استفاده شوند.
عدم بودجه کافی برای طراحیهای اختصاصی: مشتریان برای سایتهای اختصاصی بودجه کافی ندارند اما از ظاهر عمومی سایتهای آماده ناراضی هستند.
پیچیدگی در استفاده از پلتفرمهای سایتساز: پلتفرمهای فعلی سایتساز برای افرادی که تجربه کمتری در طراحی سایت دارند، بسیار پیچیده است.
زمان طولانی انتظار برای طراحی سایتهای سفارشی: مشتریان از زمان طولانی انتظار برای طراحی سایتهای سفارشی ناراضی هستند.
قابلیتهای محدود سفارشیسازی: مشتریان از قابلیتهای محدود سفارشیسازی در سایتهای آماده ناراضی هستند.
تجربه کاربری نامناسب: تجربه کاربری سایتسازهای فعلی به اندازه کافی جذاب نیست و مشتریان را برای ادامه استفاده ترغیب نمیکند.
محدودیتهای فنی: مشتریان اغلب به دلیل محدودیتهای فنی سایتسازها نمیتوانند همه خواستههای خود را در سایت پیادهسازی کنند.
عدم پاسخگویی به نیازهای خاص کاربران: سایتهای آماده به نیازهای خاص مشتریان پاسخ نمیدهند.
دشواری در ایجاد فروشگاه آنلاین: مشتریان در ایجاد فروشگاههای آنلاین به دلیل نقصهای موجود در سایتسازها با مشکلاتی مواجه میشوند.
نبود پشتیبانی فنی مناسب: مشتریان به دلیل عدم وجود پشتیبانی فنی کافی از سایتسازها، به راحتی نمیتوانند مشکلات خود را حل کنند.
فاز ایده یابی
به منظور یافتن راه حل برای هر یک از چالش ها اول یک تحلیل رقبا انجام دادیم تا بررسی کنیم رقبای ما برای چالش های پیش روی ما چه راهکاری داشته اند بعد از ان با استفده از ایده های به دست امده از تحلیل رقبا و تحقیقات انجام شده در مورد محدودیت های پیاده سازی راهکارهای رقبا جلسات طوفانی فکری ایجاد میکنیم ما در این جلسات به ازای هر چالش چندین سوال how Might We ایجاد میکنیم و سپس هر عضو گروه وظیفه دارد به سولات پاسخ دهد سپس به پاسخ ها امتیار میدهیم و بهترین پاسخ را برای هر راهکار به دست می آوریم
تحلیل رقبا
در این تحلیل رقابتی، تمرکز بر روی سایتسازهای محبوبی مانند Wix، Elementor، وبزی و دیگر سایتسازهای معروف است که به کاربران امکان میدهند بدون نیاز به دانش فنی، وبسایتهای سفارشی ایجاد کنند. برای کمک به تصمیمگیری در طراحی پنل، میتوانیم این ابزارها را از جنبههای مختلف مانند کاربری آسان، امکانات شخصیسازی، قیمتگذاری، و مزایا/معایب بررسی کنیم.
مدل تحلیل رقبا
برای مقایسه، از این مدل تحلیل رقابتی استفاده میکنیم که شامل ۵ فاکتور کلیدی است:
- کاربری آسان (Ease of Use)
- امکانات شخصیسازی (Customization Features)
- مدل قیمتگذاری (Pricing Model)
- پشتیبانی و خدمات (Support & Services)
- منابع الهام و کتابخانه طراحی (Design Library & Templates)
تحلیل سایتسازها
1. Wix
کاربری آسان: Wix با رابط کاربری بسیار ساده و drag-and-drop یکی از پرکاربردترین ابزارهای ساخت وبسایت است. حتی کاربران بدون دانش فنی میتوانند به راحتی صفحات را تغییر دهند و محتوای خود را اضافه کنند.
امکانات شخصیسازی: کاربران در Wix میتوانند از بین هزاران قالب آماده انتخاب کنند، اما شخصیسازی محدود به تغییرات در رنگها، فونتها، و چیدمان است. تغییرات پیشرفتهتر (مانند کد نویسی دستی) پیچیدهتر است.
مدل قیمتگذاری: Wix از مدلهای قیمتگذاری متنوعی استفاده میکند که شامل طرحهای رایگان و پلنهای پولی با امکانات اضافی است. گزینههای رایگان محدود به دامنه Wix هستند و تبلیغات آن را نمایش میدهند.
پشتیبانی و خدمات: دارای پشتیبانی ۲۴/۷ از طریق ایمیل، تلفن و چت است، اما سطح خدمات به اشتراک کاربر بستگی دارد. برای کاربران حرفهای، سطح بالاتری از پشتیبانی ارائه میشود.
منابع الهام و کتابخانه طراحی: Wix دارای یکی از گستردهترین کتابخانههای قالبهای طراحی است. این قالبها بر اساس کسبوکارهای مختلف دستهبندی شدهاند، اما کاربران نمیتوانند بهراحتی ترکیبهای پیشرفته از قالبها ایجاد کنند.
نقاط قوت:
- رابط کاربری بسیار ساده.
- تنوع گسترده قالبها.
نقاط ضعف:
- شخصیسازی پیچیده در سطوح پیشرفته محدود است.
- کاربران حرفهای ممکن است از انعطافپذیری کم در کدنویسی ناراضی باشند
2. Elementor
کاربری آسان: Elementor بهعنوان یک افزونه برای وردپرس شناخته شده است که قابلیتهای پیشرفتهای برای طراحی صفحات ارائه میدهد. اگرچه برای کاربران مبتدی قابلاستفاده است، نیاز به درک پایهای از وردپرس و مدیریت محتوا دارد.
امکانات شخصیسازی: Elementor قدرت بالایی در شخصیسازی دارد. از طریق drag-and-drop میتوان هر بخش از وبسایت را تغییر داد و کاربران حرفهای امکان تغییرات CSS و JavaScript را نیز دارند.
مدل قیمتگذاری: Elementor دارای یک نسخه رایگان است که ویژگیهای اولیه را ارائه میدهد، اما امکانات پیشرفتهتر نیاز به خرید نسخه پولی دارد. قیمتگذاری براساس نیاز کاربر به تعداد سایتها و امکانات مختلف تنظیم میشود.
پشتیبانی و خدمات: پشتیبانی در نسخه رایگان محدود است و بیشتر به صورت مستندات و انجمنها ارائه میشود. کاربران نسخه پرو به پشتیبانی سریعتر دسترسی دارند.
منابع الهام و کتابخانه طراحی: Elementor دارای تعداد زیادی قالب آماده و بلوکهای طراحی است که کاربران میتوانند بهراحتی آنها را شخصیسازی کنند. همچنین دارای یک کتابخانه بزرگ از ابزارکهای طراحی است.
نقاط قوت:
- قابلیت شخصیسازی بالا.
- مناسب برای طراحان حرفهای و توسعهدهندگان.
نقاط ضعف:
- پیچیدگی اولیه برای کاربران مبتدی.
- پشتیبانی محدود در نسخه رایگان.
3. وبزی
کاربری آسان: وبزی یک سایتساز ایرانی است که هدف آن ارائه یک محیط ساده و کاربردی به کاربران فارسیزبان است. رابط کاربری آن بسیار شبیه به ابزارهای بینالمللی است و برای کاربران با دانش کم طراحی شده است.
امکانات شخصیسازی: کاربران وبزی میتوانند بهراحتی قالبها را تغییر دهند و برخی از عناصر صفحه را شخصیسازی کنند. اما در مقایسه با Elementor، گزینههای پیشرفته کمتری برای تغییرات کد یا استایلهای پیشرفته دارد.
مدل قیمتگذاری: وبزی پلنهای متنوعی دارد که با توجه به نیازهای کاربران تنظیم شده است. این پلنها از سایتهای رایگان تا سایتهای حرفهای با امکانات بیشتر متغیر است.
پشتیبانی و خدمات: وبزی دارای پشتیبانی فارسی ۲۴/۷ از طریق چت و تلفن است که آن را برای کاربران ایرانی جذاب میکند.
منابع الهام و کتابخانه طراحی: وبزی به کاربران خود قالبهای آمادهای ارائه میدهد که برای کسبوکارهای مختلف طراحی شدهاند. کتابخانه طراحی به اندازه Wix یا Elementor گسترده نیست، اما برای کاربران محلی کفایت میکند.
نقاط قوت:
- مناسب برای کاربران فارسیزبان.
- رابط کاربری ساده و قابلفهم.
نقاط ضعف:
- شخصیسازی پیشرفته محدود است.
- کتابخانه قالبها و امکانات نسبت به رقبا کمتر است.
4. سازیتو
کاربری آسان: سازیتو بهعنوان یکی از سایتسازهای ایرانی تلاش کرده است که محیط سادهای برای کاربران فارسیزبان فراهم کند. این سایتساز بیشتر برای فروشگاههای آنلاین کوچک تا متوسط مناسب است.
امکانات شخصیسازی: مانند وبزی، سازیتو هم امکانات شخصیسازی محدودی دارد و بیشتر روی قابلیتهای فروشگاهی تمرکز دارد. کاربران میتوانند برخی تغییرات ظاهری را اعمال کنند اما تنظیمات پیشرفته محدود هستند.
مدل قیمتگذاری: سازیتو پلنهای رایگان و پولی مختلفی دارد که بیشتر بر اساس نیازهای فروشگاهی کاربران تنظیم شده است. طرحهای حرفهای امکانات بیشتری برای فروش آنلاین و مدیریت کالاها فراهم میکند.
پشتیبانی و خدمات: پشتیبانی فارسی و سریع از طریق تلفن و چت یکی از نقاط قوت سازیتو است. کاربران میتوانند بهراحتی با تیم پشتیبانی ارتباط برقرار کنند.
منابع الهام و کتابخانه طراحی: تعداد قالبهای سازیتو محدود است و بیشتر روی فروشگاهها تمرکز دارد، اما این قالبها به خوبی برای کسبوکارهای ایرانی بهینهسازی شدهاند.
نقاط قوت:
- مناسب برای فروشگاههای آنلاین.
- پشتیبانی فارسی عالی.
نقاط ضعف:
- امکانات محدود برای وبسایتهای غیر فروشگاهی.
- شخصیسازی پیشرفته ضعیف است.
تحلیل نهایی و پیشنهادها:
در بررسی این رقبا، مشخص میشود که هرکدام از این ابزارها مزایا و معایب خاص خود را دارند:
- Wix: گزینهای مناسب برای کسبوکارهایی که به دنبال سادگی و قالبهای متنوع هستند، اما اگر به دنبال شخصیسازی پیشرفته باشید، انتخاب مناسبی نیست.
- Elementor: بهترین گزینه برای کاربران حرفهای است که میخواهند کنترل کامل روی طراحی وبسایت داشته باشند. اگر شرکت شما میخواهد قابلیتهای پیشرفته به کاربران ارائه دهد، الهام گرفتن از Elementor میتواند ایده خوبی باشد.
- وبزی و سازیتو: برای بازار فارسیزبان عالی هستند اما امکانات پیشرفتهای مانند آنچه در Elementor دیده میشود، ندارند. اگر شما نیز روی کاربران ایرانی تمرکز دارید، باید به زبان فارسی و رابط کاربری ساده توجه داشته باشید.
جلسات طوفان فکری
در مرحله ایدهپردازی، ما بر تولید راهحلهای نوآورانه برای رفع چالشهای کلیدی که در تحقیقاتمان شناسایی شده بود، تمرکز کردیم. با استفاده از تکنیک طوفان فکری و ایجاد سؤالات “چگونه ممکن است” برای هر یک از چالش های شناسایی شده، به بررسی رویکردهای مختلف برای بهبود کارایی سایت ساز پرداختیم. در زیر میتوانید فرآیند مربوط به یکی از چالش ها را مشاهده کنید در پایین میبینید که برای هر چالش به چهار روش سوالات How Might We را مطرج کرده ایم تا از ابعاد مختلف چالش و راه حل ها را بررسی کنیم
چالش: عدم احساس منحصر به فرد بودن در سایتهای آماده
1. Explore the Opposite Method
سوال How Might We: چگونه میتوانیم احساس عدم منحصر به فرد بودن را در سایتهای آماده افزایش دهیم؟
- راهحل 1: طراحی قالبهایی که به طور کامل شبیه به هم باشند و از نظر بصری هیچ تمایزی نداشته باشند.
- راهحل 2: حذف گزینههای سفارشیسازی از پلتفرم و ارائه تنها یک یا دو الگو به کاربران.
- راهحل 3: ایجاد فرایند ثبتنام که به کاربر اجازه میدهد تنها با انتخاب از بین گزینههای محدود، سایت خود را بسازد.
2. Change the Status Quo
سوال How Might We: چگونه میتوانیم وضعیت کنونی طراحی سایتهای آماده را تغییر دهیم تا احساس منحصر به فرد بودن را در کاربران ایجاد کنیم؟
- راهحل 1: ایجاد یک سیستم هوش مصنوعی که بر اساس ترجیحات کاربران، طرحهای منحصر به فردی پیشنهاد دهد.
- راهحل 2: راهاندازی پلتفرمی که در آن کاربران میتوانند طراحیهای قبلی خود را به اشتراک بگذارند و از نظرات دیگران بهرهمند شوند.
- راهحل 3: ارائه الگوهای طراحی قابل سفارشیسازی که به کاربران این امکان را میدهد که تنها با تغییر چندین ویژگی، طراحی منحصربهفردی ایجاد کنند.
3. Break the Point of View into Pieces
سوال How Might We: چگونه میتوانیم نظرات و دیدگاههای مختلف کاربران را به اجزای کوچکتر تقسیم کنیم تا احساس منحصر به فرد بودن را در طراحی سایتها افزایش دهیم؟
- راهحل 1: تحلیل دقیق نیازها و سلیقههای کاربران و ارائه گزینههای طراحی مختلف بر اساس آن.
- راهحل 2: ایجاد امکان انتخاب از بین مجموعهای از الگوهای طراحی که میتواند هر کدام شامل سفارشیسازیهای خاص باشد.
- راهحل 3: برگزاری جلسات مشاوره با کاربران برای شناسایی خواستهها و نیازهای خاص آنها در زمینه طراحی.
4. AMP Up the Good
سوال How Might We: چگونه میتوانیم جنبههای مثبت طراحی سایتهای آماده را تقویت کنیم تا احساس منحصر به فرد بودن را در کاربران افزایش دهیم؟
- راهحل 1: معرفی ابزارهای طراحی جذاب و کاربرپسند که به کاربران اجازه میدهد عناصر طراحی خود را به راحتی تغییر دهند.
- راهحل 2: برگزاری مسابقات طراحی برای کاربران تا آنها بتوانند طراحیهای خود را به اشتراک بگذارند و در معرض دید قرار دهند.
- راهحل 3: ارائه آموزشها و منابع آنلاین به کاربران برای ارتقاء مهارتهای طراحی و افزایش خلاقیت آنها.
راه حلها
در مرحله مشخص کردن راه حل، ایدههای مختلف را جمعآوری کرده و به ویژگیهای کاربردی و کاربرمحور تبدیل کردیم. هر راهحل بهدقت طراحی شد تا بهطور مستقیم به چالشهای شناساییشده در مراحل قبلی پاسخ دهد و اطمینان حاصل کنیم که این راهکارها در روند تسهیل فرآیند ایجاد سایت جای میگیرند. راهحلها به شرح زیر هستند:
معرفی یک پنل طراحی که اجازه تغییرات کوچک روی الگوهای آماده را میدهد:
- این پنل به کاربران این امکان را میدهد که تغییرات ظریفی در طراحی انجام دهند، مانند تغییر رنگها، فونتها و تصاویری که استفاده میکنند، به طوری که به احساس شخصیسازی برسند بدون اینکه نیاز به طراحی از ابتدا باشد
ایجاد یک سیستم تنظیمات پیشرفته برای انتخاب و ترکیب بخشهای مختلف:
- این سیستم به کاربران این امکان را میدهد که هر بخش از سایت خود را (مانند هدر، فوتر، منو، بنر و بخش محصولات) از میان چندین گزینه آماده انتخاب کنند. کاربران میتوانند هر کدام از این بخشها را به دلخواه از قالبهای مختلف انتخاب و با هم ترکیب کنند، بهطوری که حس طراحی منحصر به فرد خود را تجربه کنند، بدون اینکه نیاز به طراحی از ابتدا یا دانش تخصصی داشته باشند. این قابلیت به کاربران انعطافپذیری بیشتری در سفارشیسازی سایت میدهد و همزمان ساختار کلی و اصولی الگو حفظ میشود
ایجاد یک سیستم تنظیمات پیشرفته برای سفارشیسازی:
- این سیستم به کاربران این امکان را میدهد که اجزای خاصی از وبسایت خود را تنظیم کنند و بسازند (مانند منوها، فوترها و هدرها) بدون اینکه ساختار کلی الگو تحت تأثیر قرار گیرد.
ارائه آموزشهای گام به گام و الگوهای الهامبخش:
- با ارائه منابع آموزشی و الگوهایی که کاربران میتوانند از آنها الهام بگیرند، احساس تعلق به طراحی و خلاقیت را افزایش میدهیم.
توسعه امکان بهاشتراکگذاری الگوها و طراحیهای کاربر:
- کاربران میتوانند طراحیهای خود را با دیگران به اشتراک بگذارند، به این ترتیب حس جامعه و ارتباط را تقویت میکنیم.
تحلیل و بازخورد مستمر از کاربران برای بهبود الگوها:
- جمعآوری نظرات کاربران برای بهبود الگوها و سفارشیسازیها و اطمینان از اینکه آنها احساس میکنند نظراتشان در طراحی لحاظ شده است.