بازطراحی و پیاده‌سازی پلتفرم پت‌بوم

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

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

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

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

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

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