پرش به محتوای اصلی
ویرینو
شروع پروژه

WEB / 10

Figma آماده است؟ ما آن را دقیق و تمیز به محصول واقعی تبدیل می‌کنیم

برای UI Designer، Agency، Startup یا Product Team که طراحی آماده دارد و به Front-end قابل نگهداری و نزدیک به Design نیاز دارد.

مشاوره قبل از سفارش
Scope قبل از شروعResponsive و QAتحویل دسترسی طبق قرارداد

نتیجه

Design آماده را به Front-end قابل نگهداری و Responsive تبدیل کنید.

مناسب برای

این خدمت چه زمانی انتخاب درستی است؟

AgencyStartupProduct Team

SCOPE

چه چیزهایی می‌تواند داخل پروژه باشد؟

01

Responsive

02

Components

03

Interactions

04

API Integration

05

Browser QA

DELIVERABLES

دقیقاً چه چیزی تحویل می‌گیرید؟

✓ Responsive implementation
✓ Component Architecture
✓ Interaction / Animation توافقی
✓ API Integration در Scope
✓ Performance baseline
✓ Browser Testing
✓ Source Code

TECH STACK

فقط تکنولوژی‌هایی که واقعاً در Scope استفاده می‌شوند.

Next.jsReactREST API

PRICING

قیمت و Scope قبل از شروع روشن می‌شود.

قیمت و محدودهشروع از ۱۱٬۹۰۰٬۰۰۰ تومان

قیمت نهایی براساس تعداد Screen، پیچیدگی UI، Framework و Integration تعیین می‌شود.

زمان معمول اجراحدود ۱ تا ۴ هفته برای Scope پایه

PROCESS

فرایند مخصوص همین خدمت

01

Figma review

02

Component mapping

03

Setup

04

Implementation

05

API integration

06

Responsive/Browser QA

07

Handoff

خارج از Scope پایه

برای جلوگیری از سوءتفاهم

طراحی UI جدید مگر ScopeBackend کامل مگر پروژه Web AppDomain و Hosting مگر در Scopeهزینه سرویس‌های Premium و لایسنس‌هاتولید محتوای حجیم، عکاسی و ترجمه مگر Add-onهزینه API یا سرویس Third-party

خدمات مکمل

قدم بعدی ممکن است این باشد.

طراحی UI سایت

رابط Responsive برای سایت، فروشگاه و Landing با فایل Figma و Handoff.

مشاهده ←

طراحی Design System

Token، Component Library، Variant و Documentation برای محصول در حال رشد.

مشاهده ←

طراحی Web App

محصول تحت وب با Auth، Role، Database، API، Payment و Integration.

مشاهده ←

طراحی UI/UX

طراحی رابط و تجربه محصول از User Flow و UI تا Prototype، Design System و UX Audit.

مشاهده ←

پیاده‌سازی Front-end از روی Figma؛ Scope، خروجی و انتخاب درست

در این سرویس ورودی اصلی Figma است. قبل از شروع تعداد Screenها، Componentها، Stateها، Responsive Design، Animation و وضعیت Backend/API بررسی می‌شوند. اگر Design فقط Desktop باشد، طراحی Responsive یا تصمیم‌های UX اضافی باید در Scope مشخص شود.

FAQ

سؤال‌های مخصوص پیاده‌سازی Front-end از روی Figma

Pixel-perfect است؟+

هدف تطابق دقیق با Design در محدوده منطقی Browser و Responsive است؛ اختلافات فنی قبل از تحویل بررسی می‌شوند.

Backend هم انجام می‌دهید؟+

این سرویس Front-end است؛ Backend می‌تواند به Web App Scope منتقل شود.

API را متصل می‌کنید؟+

اگر API آماده و مستند باشد در Scope قابل برآورد است.

Framework را من انتخاب می‌کنم؟+

ترجیح Framework گرفته می‌شود ولی انتخاب نهایی باید با نیاز پروژه و زیرساخت سازگار باشد.

Responsive اگر در Figma نباشد چه می‌شود؟+

تصمیم‌های Responsive اضافی باید در Scope مشخص شوند.

قدم بعدی

Scope را روشن کنیم؛ بعد زمان و هزینه دقیق را مشخص کنیم.

قیمت نهایی براساس تعداد Screen، پیچیدگی UI، Framework و Integration تعیین می‌شود.

پیاده‌سازی Front-end از روی Figmaشروع از ۱۱٬۹۰۰٬۰۰۰ تومان