چرخه سایت

طراحی وب‌سایت شرکتی چرخه، سرویس اتوماسیون مارکتینگ

charkheh.io

سایت ابزار اتوماسیون مارکتینگ چرخه

چرخه یک ابزار فارسی اتوماسیون مارکتینگ است که با هدف کمک به برندها برای اجرای کمپین‌های ایمیلی، پیامکی و پوش نوتیفیکیشن راه‌اندازی شده. وب‌سایتی که ما طراحی کردیم، ویترین اصلی معرفی چرخه به بازار و راه ارتباطی با کاربران بالقوه است. این وبسایت شامل توضیحات کامل درباره کاربردهای سیستم، امکانات، قیمت‌گذاری، و یک بلاگ تخصصی است که به آموزش و جذب کاربر کمک می‌کند. همچنین ما داشبورد اختصاصی چرخه را نیز طراحی کرده‌ایم که کاربران پس از ورود به آن می‌توانند کمپین‌ها را اجرا، مدیریت و تحلیل کنند.

سرویس های استفاده شده

طراحی سایت شرکتی

خلاصه پروژه

سایت سرویس چرخه

پروژه طراحی سایت چرخه با هدف معرفی یک ابزار نوآورانه در زمینه اتوماسیون مارکتینگ توسط آژانس طراحی و توسعه وب کدارکس انجام شد. ما یک سایت حرفه‌ای، واکنش‌گرا و کاربرمحور طراحی کردیم که با حفظ سادگی، امکانات کلیدی چرخه را به شکل مؤثر نمایش می‌دهد و کاربران را برای استفاده از سرویس ترغیب می‌کند. این سایت در هماهنگی کامل با پلتفرم داخلی چرخه پیاده‌سازی شد.

نیاز کارفرما

تیم چرخه نیاز داشتند یک وبسایت معرفی کامل و خوش‌ساخت داشته باشند تا کاربران را با امکانات پلتفرم آشنا کنند، اعتبار برند را افزایش دهند، مقالات آموزشی ارائه دهند و افراد را به سمت ثبت‌نام و استفاده از سرویس هدایت کنند. سادگی در تجربه کاربری و طراحی منعطف برای نسخه موبایل از دیگر نیازهای کلیدی بود.

تیم کدارکس مسئول طراحی و پیاده‌سازی کامل سایت عمومی چرخه بود. ما طراحی رابط کاربری را از پایه انجام دادیم، لحن بصری برند را تعریف کردیم، محتوای صفحه‌ها را ساختاردهی کردیم، نسخه واکنش‌گرا (رسپانسیو) را طراحی کردیم و همچنین مسیرهای هدایت کاربر به سمت استفاده از خدمات چرخه را با دقت طراحی کردیم. همچنین این سایت در هماهنگی کامل با داشبورد چرخه (پلتفرم اختصاصی) طراحی شده که می‌توانید آن را در [پلتفرم اختصاصی چرخه] ببینید.

نقش تیم‌ما

مشکلات و دغدغه ها

1

نمایش تصویری و قابل درک از امکانات فنی

کاربران برای درک ابزارهایی مانند ساخت جرنی یا تنظیم تریگرها، نیاز به نمایش بصری و قابل تعامل داشتند. صرفاً نوشتن متن یا جدول نمی‌توانست قدرت چرخه را منتقل کند. طراحی این بخش‌ها باید هم ساده و هم حرفه‌ای می‌بود.

2

ارائه مفاهیم پیچیده مارکتینگ به زبان ساده

چرخه یک ابزار تخصصی برای اتوماسیون مارکتینگ است که با مفاهیم نسبتاً پیشرفته‌ای مثل "جرنی مشتری"، "تریگرهای رفتاری" و "ارسال زمان‌بندی‌شده" سروکار دارد. انتقال این مفاهیم به کاربران تازه‌کار به زبانی ساده، یکی از چالش‌های محوری طراحی سایت بود.

3

ساخت هویتی مستقل ولی هماهنگ با فضای پلتفرم چرخه

باید از یک‌سو طراحی سایت مستقل و عمومی، حس اعتماد و سادگی القا می‌کرد، و از سوی دیگر با ظاهر پلتفرم اصلی چرخه (که [در این صفحه](لینک به صفحه پلتفرم چرخه) توضیح داده‌ایم) هماهنگ بود. حفظ این تعادل یک چالش مهم بود.

راه حل های کدارکس

1

طراحی المان‌های گرافیکی، دیاگرام‌ها و اسکرین‌های تعاملی

برای امکانات پیچیده مثل ساخت جرنی، از نمودارها و انیمیشن‌های ساده و قابل فهم استفاده شد که کاربر بدون خواندن متن‌های بلند، درک تصویری درستی از عملکرد ابزار داشته باشد.

2

تدوین ساختار محتوایی ساده با زبان غیرفنی

برای معرفی مفاهیم تخصصی، زبان محتوای سایت را از پایه بازنویسی کردیم تا به جای اصطلاحات فنی، از مثال‌ها و کاربردهای روزمره استفاده شود. هدف، ساده‌سازی ارتباط کاربر با چرخه بود.

3

یکپارچه‌سازی هویت گرافیکی با پلتفرم داخلی

طراحی سایت عمومی را با همان سبک رابط کاربری پلتفرم چرخه (در [این نمونه‌کار](لینک به صفحه پلتفرم چرخه)) هماهنگ کردیم تا کاربران بعد از لاگین دچار دوگانگی بصری نشوند.

مشکلات و دغدغه ها

راه حل های کدارکس

1

نمایش تصویری و قابل درک از امکانات فنی

کاربران برای درک ابزارهایی مانند ساخت جرنی یا تنظیم تریگرها، نیاز به نمایش بصری و قابل تعامل داشتند. صرفاً نوشتن متن یا جدول نمی‌توانست قدرت چرخه را منتقل کند. طراحی این بخش‌ها باید هم ساده و هم حرفه‌ای می‌بود.

طراحی المان‌های گرافیکی، دیاگرام‌ها و اسکرین‌های تعاملی

1

برای امکانات پیچیده مثل ساخت جرنی، از نمودارها و انیمیشن‌های ساده و قابل فهم استفاده شد که کاربر بدون خواندن متن‌های بلند، درک تصویری درستی از عملکرد ابزار داشته باشد.

2

ارائه مفاهیم پیچیده مارکتینگ به زبان ساده

چرخه یک ابزار تخصصی برای اتوماسیون مارکتینگ است که با مفاهیم نسبتاً پیشرفته‌ای مثل "جرنی مشتری"، "تریگرهای رفتاری" و "ارسال زمان‌بندی‌شده" سروکار دارد. انتقال این مفاهیم به کاربران تازه‌کار به زبانی ساده، یکی از چالش‌های محوری طراحی سایت بود.

تدوین ساختار محتوایی ساده با زبان غیرفنی

2

برای معرفی مفاهیم تخصصی، زبان محتوای سایت را از پایه بازنویسی کردیم تا به جای اصطلاحات فنی، از مثال‌ها و کاربردهای روزمره استفاده شود. هدف، ساده‌سازی ارتباط کاربر با چرخه بود.

3

ساخت هویتی مستقل ولی هماهنگ با فضای پلتفرم چرخه

باید از یک‌سو طراحی سایت مستقل و عمومی، حس اعتماد و سادگی القا می‌کرد، و از سوی دیگر با ظاهر پلتفرم اصلی چرخه (که [در این صفحه](لینک به صفحه پلتفرم چرخه) توضیح داده‌ایم) هماهنگ بود. حفظ این تعادل یک چالش مهم بود.

یکپارچه‌سازی هویت گرافیکی با پلتفرم داخلی

3

طراحی سایت عمومی را با همان سبک رابط کاربری پلتفرم چرخه (در [این نمونه‌کار](لینک به صفحه پلتفرم چرخه)) هماهنگ کردیم تا کاربران بعد از لاگین دچار دوگانگی بصری نشوند.

ویژگی های کلیدی
طراحی ساده، جذاب و کاربرپسند
تمام صفحات سایت با تمرکز بر تجربه بصری طراحی شده‌اند. استفاده از رنگ‌بندی متعادل، تایپوگرافی خوانا، فضاهای خالی هوشمندانه و آیکون‌های گرافیکی باعث شده رابط سایت هم حس حرفه‌ای بودن بده و هم برای کاربر دل‌نشین و ساده باشه. این طراحی به کاربر حس اعتماد و راحتی می‌ده و باعث می‌شه مدت بیشتری در سایت بمونه.
بخش سوالات متداول برای رفع ابهامات اولیه
در کنار معرفی امکانات و پلن‌های چرخه، یک بخش جامع "سوالات متداول" طراحی شده تا به رایج‌ترین ابهامات کاربران پاسخ بده. این کار باعث کاهش تردید در ثبت‌نام و استفاده از پلتفرم شده و نقش مهمی در افزایش نرخ تبدیل بازدیدکننده به کاربر ایفا می‌کنه.
مسیر هدایت کاربر به استفاده از پلتفرم
از صفحات اصلی تا جزئیات ویژگی‌ها، همه بخش‌ها به گونه‌ای طراحی شده‌اند که کاربر به سادگی به سمت استفاده از سرویس هدایت شود.

با ما در ارتباط باشید

فرم را پر کنید، یا اگر ترجیح می دهید برای ما ایمیل بفرستید، همچنین می توانیم یک جلسه داشته باشیم، بیایید با هم تماس بگیریم