work@hossein-assar.devپاسخ در کمتر از ۲۴ ساعتEnglish
حسین عصارحسین عصارطراحی و توسعه وب
حسین عصار
درباره من

حسین عصار

من حسین عصار هستم. الان مشغول تحصیل در مقطع کارشناسی مهندسی کامپیوتر هستم، و در کنارش، برای کسانی که به یک وب‌سایت نیاز دارند طراحی و توسعه می‌دهم.

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

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

چرا قیمت همین است

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

روش کار من

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

با چه ابزارهایی می‌سازم

Next.js، React و TypeScript برای فرانت‌اند. Node.js، PostgreSQL و Supabase برای بک‌اند. انتشار روی Vercel. برای اتوماسیون فرآیندها، وقتی پروژه لازم داشته باشد، از Claude API هم استفاده می‌کنم. خودِ ابزارها کمتر از نتیجه اهمیت دارند: سایتی که کاملاً مالک آن هستید و یک سال دیگر هم همچنان برایتان کار می‌کند.

محل زندگیتهران، ایران
زبان‌هافارسی (زبان مادری) · انگلیسی (پیشرفته)
۰۱ — برای چه کسانی می‌سازم

سه نوع کار، یک نفر سازنده

بیشتر کارهایم در سه حوزه است. حوزه خودتان را پیدا کنید — مسئله‌ها متفاوت‌اند، روند کار یکی است.

تمرکز اصلی

استادان و پژوهشگران

کارهایتان پراکنده است — یک صفحه در سایت دانشکده که نمی‌توانید ویرایشش کنید، یک پروفایل Google Scholar، و یک CV که دو سال است به‌روز نشده.

یک وب‌سایت شخصی آکادمیک که خودتان کنترلش می‌کنید: مقالات، تدریس، زمینه‌های پژوهشی، و یک CV که همیشه به‌روز است. دوزبانه فارسی و انگلیسی، سریع روی هر اینترنتی، و بدون نیاز به ایمیل‌زدن به بخش فناوری اطلاعات.

فهرست مقالات با لینک DOI و BibTeX
یک CV هم‌گام با صفحه، با خروجی PDF
تدریس، دروس و منابع دانشجویان
فارسی و انگلیسی، هر دو با تایپوگرافی درست
دیدن قیمت‌ها
اولین فروشگاه در حال ساخت

فروشگاه‌های کوچک در اینستاگرام و تلگرام

کاتالوگ‌تان یک هایلایت است، سفارش‌ها در دایرکت می‌آید، و هر روز به همان سه سؤال جواب می‌دهید.

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

تولیدکنندگان و تأمین‌کنندگان B2B

خریدار بدون تماس تلفنی به مشخصات فنی نمی‌رسد، پس هر استعلام با یک تماس شروع می‌شود و کاتالوگ‌تان در یک فایل PDF مانده است.

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

۰۲ — رابط کاربری

وب‌سایتی که شبیه کار شماست

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

طراحی ساخته‌شده برای شما، نه قالب خریداری‌شده
راست‌به‌چپ و چپ‌به‌راست، هر دو درست پیاده‌سازی‌شده
سرعت بارگذاری و سئوی فنی از روز اول
موبایل، تبلت و دسکتاپ بدون به‌هم‌ریختگی
دیدن قیمت‌ها
peyvand.tech
صفحه اصلی سایت پیوند
● 200 OKapi/orders/route.ts
// یک endpoint سفارش، به همان شکلی که می‌نویسم
export async function POST(req: Request) {
  const body = orderSchema.parse(await req.json());
  const user = await requireSession(req);

  const order = await db.$transaction(async (tx) => {
    const o = await tx.order.create({ data: { ...body, userId: user.id } });
    await tx.stock.decrement(o.items);
    return o;
  });

  await queue.enqueue("invoice.generate", { orderId: order.id });
  return Response.json(order, { status: 201 });
}
۰۳ — بک‌اند

زیرساختی که یک سال بعد هم می‌شود رویش ساخت

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

پنل مدیریت اختصاصی برای محتوای شما
حساب کاربری، نقش‌ها و سطوح دسترسی
اتصال به درگاه پرداخت و سرویس پیامک
اتوماسیون هوش مصنوعی برای کارهای تکراری
دیدن پروژه‌های واقعی
۰۴ — روند کار

پنج مرحله، بدون ابهام

دیدن قیمت‌ها
مرحله ۰۱

گفت‌وگوی اول

درباره کسب‌وکار، مخاطبان و هدف شما صحبت می‌کنیم و دامنه پروژه روشن می‌شود.

مرحله ۰۲

طراحی

اول طراحی رابط کاربری را می‌بینید و تأیید می‌کنید؛ تا وقتی از ظاهر آن راضی نباشید، حتی یک خط کد نوشته نمی‌شود.

مرحله ۰۳

توسعه

فرانت‌اند و بک‌اند ساخته می‌شود و در تمام مسیر یک لینک پیش‌نمایش زنده در اختیار دارید.

مرحله ۰۴

بازبینی

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

مرحله ۰۵

انتشار

دامنه، هاست و مستندات تحویل داده می‌شود و بعد از آن هم برای تغییرات در دسترس هستم.

۰۱

تکنولوژی روز

ساخته‌شده با Next.js و React، همان ابزارهایی که شرکت‌های بزرگ استفاده می‌کنند.

۰۲

واکنش‌گرا روی موبایل

طراحی موبایل‌محور که روی هر صفحه‌نمایشی درست دیده می‌شود.

۰۳

تحویل سریع

زمان‌بندی مشخص و تحویل در تاریخی که توافق کرده‌ایم.

۰۴

پشتیبانی پس از تحویل

بعد از تحویل هم برای رفع اشکال و به‌روزرسانی در کنارتان هستم.