Fargah.irوب‌سایت فرگاه
A bilingual Laravel platform for architectural stone—connecting executed work, ready projects, material knowledge, editorial content, and qualified inquiry.یک پلتفرم دوزبانه برای سنگ معماری که نمونه‌های اجراشده، طرح‌های آماده، شناخت متریال، محتوای تخصصی و درخواست مشتری را در یک مسیر پیوسته قرار می‌دهد.
- Yearسال
- 20262026
- Roleنقش
- Design / Laravel developmentطراحی / توسعه Laravel
- Scopeمحدوده
- Bilingual · Content · CRMدوزبانه · محتوا · CRM
- Statusوضعیت
- Liveآنلاین
The project, in contextپروژه از نزدیک
I designed and developed Fargah.ir as a specialist architectural-stone website: a place to examine built work, explore facade references, read material information and begin a useful conversation with the team. The Laravel platform brings bilingual presentation, an editorial library and structured enquiries together, while retaining the routes and content inherited from the earlier website.وب‌سایت فرگاه را برای انتخاب متریال و طرح نما ساختم: مخاطب باید نمونه اجرا را ببیند، تفاوت قطعات را بشناسد و با اطلاعات روشن سراغ تیم طراحی برود. طراحی رابط، توسعه Laravel، مسیرهای فارسی و انگلیسی، سامان‌دادن محتوای قدیمی و اتصال درخواست‌ها به پیگیری داخلی را در کنار هم پیش بردم تا معرفی مجموعه به شروع یک همکاری قابل پیگیری وصل شود.
Helping an architectural decision take shapeکمک به تصمیمی که فقط تصویری نیست
The audience arrives with different questions. A homeowner may need a starting point for a villa facade; an architect may be looking for dimensions, component families or a comparable executed project. A gallery alone cannot serve both. I needed to organise those questions into clear routes without turning a visually expressive brand into a dense technical directory.
مخاطب فرگاه یک گروه یکدست نیست. مالک ویلا ممکن است سبک دلخواهش را نشناسد؛ معمار، نمونه‌ای نزدیک به محدودیت‌های پروژه می‌خواهد؛ مجری هم دنبال اطلاعات قطعه است. یک گالری بزرگ به همه این نیازها جواب نمی‌دهد. مسئله اصلی برای من این بود که هرکدام از نقطه مناسب شروع کنند و در چند قدم، اطلاعات لازم برای گفت‌وگوی بعدی را پیدا کنند.
The earlier WordPress site also carried an existing archive of projects, articles, media and incoming URLs. A redesign had to make that material readable again while avoiding broken journeys. Another important boundary was evidence: photographs demonstrate appearance, whereas laboratory reports and certificates have their own limited scope. The website needed to preserve those distinctions in its wording and navigation.
آرشیو سایت قبلی هم باید حفظ می‌شد: پروژه‌ها، مقاله‌ها، تصاویر و آدرس‌های شناخته‌شده. بازطراحی نباید این سابقه را گم می‌کرد. هم‌زمان، مرز انواع شواهد اهمیت داشت. عکس نما نتیجه بصری را نشان می‌دهد؛ گزارش آزمایش، درباره نمونه مشخص صحبت می‌کند؛ گواهی نیز دامنه خودش را دارد. محتوای سایت باید این تفاوت‌ها را دقیق بیان می‌کرد تا جذابیت تصاویر جای اطلاعات فنی را نگیرد.
A clear path from reference to enquiryاز دیدن نمونه تا ثبت درخواست
I shaped the public experience around three starting points: executed projects, the stone catalogue and bespoke facade design. Large images establish the architectural character, while concise descriptions explain what each route offers. The cream, dark and gold palette stays consistent across pages, with Persian reading direction and mobile spacing treated as part of the layout rather than a translation applied afterwards.
مسیر اصلی سایت را حول سه انتخاب چیدم: پروژه‌های اجراشده، کاتالوگ و طراحی اختصاصی. تصاویر بزرگ، شخصیت معماری برند را منتقل می‌کنند؛ توضیح هر بخش هم کاربرد آن را روشن می‌کند. پالت روشن و تیره با جزئیات طلایی ادامه دارد، اما متن زیر تصویر گم نمی‌شود. جهت خواندن، تایپوگرافی فارسی و نمایش موبایل در همان تصمیم‌های اولیه دخیل بوده‌اند.
The design enquiry records context such as city, project type, style, approximate area and chosen references. The request is stored as a lead and enters the team's follow-up workflow. Alongside that path, I organised legacy content, canonical URLs, language alternates and sitemap generation, and built editorial pages that let visitors inspect the relevant report or document before making contact.
فرم سفارش طراحی، شهر، نوع پروژه، سبک، مساحت تقریبی و نمونه انتخاب‌شده را همراه اطلاعات تماس می‌گیرد؛ موارد تقریبی نیز مشخص می‌مانند. درخواست در پرونده اولیه ثبت می‌شود و پیگیری داخلی ادامه پیدا می‌کند. محتوای قدیمی و آدرس‌های میراثی را سامان دادم و مسیر اصلی، نسخه‌های زبانی و نقشه سایت را تنظیم کردم. مقاله‌ها و صفحات مدارک هم به توضیح محصول و فرایند انتخاب کمک می‌کنند.
What I builtآنچه طراحی و پیاده‌سازی کردم
The parts that make this project useful in day-to-day work.بخش‌هایی که این پروژه را در استفاده روزمره کاربردی می‌کنند.
Executed-work libraryآرشیو پروژه‌های اجراشده
A dedicated archive presents completed facades with project pages, photographs and video sections. It gives a visitor a visual reference before the design conversation and keeps project material separate from general brand imagery.
برای پروژه‌های اجراشده، آرشیو و صفحه‌های مستقل در نظر گرفتم تا مخاطب از یک نمای کلی به جزئیات نمونه برسد. بخش‌های عکس و ویدئو امکان بررسی بیشتری می‌دهند. هدف این است که نمونه کار، مرجع یک گفت‌وگوی مشخص باشد و با تصاویر صرفاً تبلیغاتی مجموعه اشتباه نشود.
References for a new designطرح‌های آماده و انتخاب نمونه
Ready-project browsing and reference selection offer a starting point for a new facade. The chosen reference can travel with the enquiry, so the team receives the visitor's intended direction rather than a vague request for a similar-looking building.
بخش طرح‌های آماده و انتخاب نمونه، شروع کار را برای کسی که هنوز شرح دقیقی ندارد ساده می‌کند. نمونه انتخاب‌شده می‌تواند همراه درخواست ثبت شود؛ در نتیجه تیم طراحی همان تصویری را می‌بیند که کارفرما از آن صحبت کرده است. این نمونه، نقطه شروع بررسی است و جای طراحی متناسب با شرایط هر ساختمان را نمی‌گیرد.
Catalogue and useful documentsکاتالوگ و مدارک در دسترس
The catalogue experience brings component information and downloadable material closer to the project journey. Dedicated laboratory-report and certificate pages provide context for the original documents instead of leaving visitors to interpret an isolated badge or image.
کاتالوگ و فایل‌های معرفی در مسیر شناخت محصول قرار گرفته‌اند، نه در گوشه‌ای دور از جریان سایت. برای گزارش آزمایش سنگ و مدارک مجموعه نیز صفحه توضیحی ساختم. مخاطب می‌تواند سند اصلی و توضیح دامنه آن را کنار هم ببیند و بداند کدام اطلاعات به نمونه، محصول یا موضوع مدیریتی مربوط است.
Structured design enquiryدرخواست طراحی با اطلاعات کاربردی
The enquiry form captures contact details and project context, including location, project type, style and selected references. Validation and clear confirmation states support the handoff to the team without requiring the visitor to write a complete technical brief unaided.
فرم نیازسنجی، اطلاعات تماس و زمینه پروژه را با هم می‌گیرد: محل، نوع ساختمان، سبک و نمونه مرجع. کنترل ورودی‌ها و پیام نتیجه باعث می‌شود کاربر بداند درخواستش در چه مرحله‌ای است. لازم نیست از ابتدا یک شرح فنی کامل بنویسد؛ فرم کمک می‌کند اطلاعات اولیه‌ای که برای پاسخ بعدی لازم است از قلم نیفتد.
An editorial knowledge layerمحتوای تخصصی برای انتخاب بهتر
Articles and practical guides cover topics such as choosing modular facade stone, preparing a villa-design brief and reading evidence. This content connects the visual catalogue to the questions people actually ask before ordering or consulting.
بخش مقاله‌ها فقط برای پرکردن سایت نیست. موضوع‌هایی مثل انتخاب سنگ نمای مدولار، اطلاعات لازم پیش از سفارش نمای ویلا و خواندن گزارش آزمایش، مستقیماً به پرسش مخاطب جواب می‌دهند. این محتوا بین دیدن عکس و تصمیم بعدی پل می‌زند و به تیم هم کمک می‌کند توضیح‌های اولیه را با یک مرجع روشن ادامه دهد.
Language and search foundationsزبان، جست‌وجو و حفظ مسیرهای قبلی
Persian and English routes use language-aware navigation and page metadata. Canonicals, alternate-language links, structured data, sitemaps and legacy URL resolution support a readable content structure without claiming guaranteed rankings.
مسیرهای فارسی و انگلیسی، ناوبری و اطلاعات صفحه متناسب با زبان دارند. آدرس اصلی هر صفحه، ارتباط نسخه‌های زبانی، داده ساختاریافته و نقشه سایت به ساختار محتوا نظم می‌دهند. برای آدرس‌های سایت قبلی هم مسیر جایگزین در نظر گرفته شده تا مخاطبی که از لینک قدیمی وارد می‌شود، تا جای ممکن به بخش مرتبط برسد.
A closer lookنگاهی به بخش‌های پروژه
Open any image to inspect the interface. Captures link back to the public page they show.هر تصویر را باز کنید و جزئیات رابط را ببینید. کپچرها به همان صفحه عمومی پروژه لینک دارند.
No captures in this view yet. Choose all views.برای این نمایش کپچری ثبت نشده؛ همه تصاویر را ببینید.
Product visual presentationنمایش تصویری محصول
A visual product presentation; the labelled screenshots above document the public interface.ویدئوی معرفی بصری محصول؛ کپچرهای برچسب‌دار بالا رابط عمومی را نشان می‌دهند.
From structure to releaseمسیر طراحی و اجرا
Map the decisionشناخت مسیر تصمیم مخاطب
I separated inspiration, material research and bespoke-design intent, then organised the navigation around those needs. Each page needed a useful next step, not simply another block of photographs.
ابتدا مسیر الهام‌گرفتن، شناخت متریال و سفارش طراحی را از هم تشخیص دادم. برای هر بخش پرسیدم مخاطب با چه سؤالی وارد می‌شود و بعد از خواندن یا دیدن آن، چه کاری باید بتواند انجام دهد. این نگاه، انتخاب صفحه‌ها و ترتیب اطلاعات را مشخص کرد.
Build presentation and continuityساخت ظاهر و تداوم محتوا
I implemented the Blade layouts, bilingual patterns and enquiry flow alongside the content migration and legacy route handling. The visual system and the operational handoff were developed as related parts of the same site.
قالب‌های Blade، الگوهای دوزبانه و فرم درخواست را هم‌زمان با سامان‌دادن محتوا و لینک‌های قدیمی پیاده کردم. ظاهر سایت و مسیر ثبت درخواست جدا از هم طراحی نشدند؛ اطلاعاتی که کاربر در بخش عمومی انتخاب می‌کند باید در ادامه پیگیری نیز معنی داشته باشد.
Refine real reading conditionsاصلاح تجربه خواندن و استفاده
I refined title hierarchy, card descriptions, image framing and light-theme readability across layouts. Public documents and editorial copy were reviewed for scope so the presentation remains understandable as the content grows.
در مرحله اصلاح، روی ترتیب تیترها، خوانایی توضیح کارت‌ها، قاب تصاویر و نمایش تم روشن کار کردم. صفحه‌های مدارک و مقاله‌ها نیز از نظر دامنه ادعا بررسی شدند. چنین سایتی با اضافه‌شدن پروژه و محتوا ادامه پیدا می‌کند؛ بنابراین الگوها باید در صفحه‌های بعدی هم قابل استفاده بمانند.
Delivery and current scopeخروجی و وضعیت پروژه
- A Laravel and Blade website with Persian and English public journeys.وب‌سایت Laravel و Blade با مسیرهای عمومی فارسی و انگلیسی و زبان بصری هماهنگ.
- Executed projects, ready-project references, catalogue pages and a structured design enquiry.آرشیو اجراها، طرح‌های آماده، کاتالوگ و فرم سفارش طراحی با اطلاعات قابل پیگیری.
- Editorial guides, document pages and a search-readable content structure.راهنماهای تخصصی، صفحات توضیح مدارک و ساختار محتوا برای خواندن و جست‌وجوی بهتر.
- Legacy URL handling and a connection from public enquiries to the internal CRM.سامان‌دادن لینک‌های قدیمی و اتصال درخواست عمومی به پرونده اولیه در سامانه داخلی.
Questions about this projectپرسش‌های رایج درباره پروژه
Is Fargah.ir a complete online shop?آیا فرگاه یک فروشگاه اینترنتی کامل است؟
The main journey is consultation, catalogue exploration and design enquiry. Product-catalogue and showroom code exist, but their public availability is controlled separately. I do not present those retained modules as active checkout features.
مسیر اصلی سایت بر شناخت محصول، مشاوره و سفارش طراحی متمرکز است. بخش کاتالوگ محصول و نمایشگر سه‌بعدی در پروژه وجود دارند، اما فعال‌بودن عمومی آن‌ها جداگانه کنترل می‌شود. بنابراین این نمونه کار را فروشگاه خرید و پرداخت آنلاین همه محصولات معرفی نمی‌کنم.
What did you handle in this project?مسئولیت من در این پروژه چه بود؟
My work covered interface design, responsive and bilingual layout, Laravel development, content organisation, legacy URL handling and enquiry integration. Architectural designs, product documents and the underlying project photographs belong to Fargah's work and are presented as its material.
طراحی رابط، چینش واکنش‌گرا و دوزبانه، توسعه وب، سامان‌دادن محتوا، مسیرهای قدیمی و اتصال درخواست به پیگیری داخلی در محدوده کار من بود. طرح‌های معماری، اسناد محصول و تصاویر پروژه‌های اجراشده، محتوای مجموعه فرگاه هستند و در سایت با همین نسبت معرفی می‌شوند.
How does the content support search and answer engines?این ساختار چه کمکی به جست‌وجو و پاسخ‌گوهای هوشمند می‌کند؟
Clear page topics, direct answers, original document links and consistent metadata make the content easier to interpret. These are foundations for discovery and accurate citation, not a promise of a specific search position or AI recommendation.
موضوع مشخص هر صفحه، پاسخ مستقیم به پرسش، لینک سند اصلی و اطلاعات هماهنگ صفحه، فهم محتوا را آسان‌تر می‌کنند. همین نظم برای جست‌وجو و استناد پاسخ‌گوها مفید است. نتیجه به کیفیت محتوا، دسترسی خزنده و عوامل دیگر هم وابسته است و رتبه یا توصیه مشخصی را تضمین نمی‌کند.
Have a similar project in mind?برای پروژه‌ای مشابه صحبت کنیم؟
Tell me what you need to build and where the current experience falls short.بگویید چه محصولی می‌خواهید بسازید و تجربه فعلی در کدام بخش نیاز به تغییر دارد.