طراحی وب

- استاتيک: CSS Based + jQuery
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

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

- استاتيک: CSS Based + jQuery
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

توضیحات:
ساختار وبسایتی که قرار است مرجع تصویری ایده های خلاقانه باشد، باید کاملا محتواگرا و تصویر-محور باشد. ضمن اینکه بازدیدکننده با یک نگاه بتواند از میان دسته بندیها و با کمک باکس جستجو راه خود را پیدا کند و تصاویر و ویدئوها را به ترتیب امتیاز، بازدید و تازگی ببیند. استایل طراحی وب 2.0 تمام اینها را می تواند در خود بگنجاند.

- استاتيک: HTML + CSS + jQuery
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

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

- استاتيک: HTML + CSS + jQuery + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

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

- استاتيک: HTML + CSS + jQuery
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

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

- استاتيک: HTML + CSS + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

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

- استاتيک: HTML + CSS + jQuery + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (CMS)

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

- استاتيک: CSS Based + jQuery
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای انحصاری (Exclusive CMS)

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

- استاتيک: CSS Based + jQuery + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای انحصاری (Exclusive CMS)
- بهینه سازی برای موتورهای جستجو (SEO)

توضیحات:
از آنجا که یونیفرم گرافیکی جشنواره تئاتر تهران از قبل طراحی و منتشر شده بود، طبیعتا وبسایت جشنواره نیز باید منطبق بر همان هویت بصری طراحی می شد. بنابراین علاوه بر استفاده از المانها و رنگهای جشنواره، با تکنیکهای فلش و اسلایدها و منوی آکاردئونی سعی شد حرکت و پویایی جشنواره ای به صفحه داده شود. البته طبق معمول تمام جشنواره ها، کار در زمانی بسیار کم و با تغییرات فراوان در روند طراحی انجام گرفت!

- استاتيک: CSS Based + jQuery + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای انحصاری (Exclusive CMS)

توضیحات:
سایتی با موضوع معماری و دکوراسیون، که به پیشنهاد سفارش دهنده و با توجه به عنوان «نقش دای» که به معنی «نقش دیوار» است، با فضای دیواری کاهگلی طراحی شد. فضای این سایت و خصوصا توجیه بصری Header سایت و القای فضای زنده درختان پشت دیوار، طراحی این سایت را متفاوت و متمایز کرده است. البته  استفاده از افکتهای پیشرفته جی کوئری (در اسلاید متحرک، اسلایدشو،...) در کنار استفاده از ترکیب بندیها و خطوط مربع شکل، تلفیقی از مدرن و سنت را به نمایش می گذارد. تلفیقی که در معماری امروز بسیار مهم ارزیابی می شود.

- استاتيک: HTML + CSS + JavaScript + jQuery
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای انحصاری (CMS)
- تالار گفتگو (MyBB)

توضیحات:
نسخه جدید پرتال مجتمع آموزشي كيش مهر، پس از یک سال طراحی و راه اندازی شد. در این نسخه بر اساس نتایج نظرسنجی ها و نیز تجربیات یک ساله، سعی شده است ویژگیهایی نظیر سادگی، کارآیی، تعامل با کاربر، ایجاد تنوع بصری در صفحه اول، استفاده از کدهای پیشرفته جی کوئری، سبک طراحی وب 2.0 و... در قالب یک ساختار محتواگرا مورد تاکید بیشتر قرار گیرند. طراحی خاص نسخه قبلی جدا از منحصر به فرد بودن و ماندگاری در ذهن، محدودیتهایی برای ارائه یک پرتال با محتوای پویا خصوصا در نیم صفحه اول سایت داشت. اطلاعات بیشتر در این باره را در این صفحه از پرتال بخوانید.

نکته: تصویری از نسخه اول سایت را نیز می توانید در این صفحه ببینید.

- استاتيک: CSS Based Design + jQuery + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای انحصاری (Exclusive CMS)
- بهینه سازی برای موتورهای جستجو (SEO)
- چهار زبانه (دری، انگلیسی، پشتو، عربی)
- نسخه آزمایشی (سایت در حال تکمیل و توسعه است)

توضیحات:
محمد یونس قانونی، رئیس پارلمان افغانستان است. نسخه اول پرتال رسمی وی با قابلیتها، امکانات و بخشهای متنوع با تایید و نظارت دفتر وی طراحی و راه اندازی شد. و هم اکنون دوره آزمایشی خود را به سر می برد. سلیقه سفارش دهندگان این پرتال که قالبهای عریض و طویل جوملا را دیده بودند، در پر محتوایی صفحه اول بی تاثیر نبود! (البته من هنوز زیر بار سیستم های مدیریت محتوای آماده نظیر جوملا نرفته ام!)

- استاتيک: CSS Based + jQuery + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (CMS)
- بهینه سازی برای موتورهای جستجو (SEO)

توضیحات:
در طراحی این سایت از یک هدر محتواگرا  استفاده شده و با تصویرسازی و افکتهای ملیح متحرک سعی شده پویایی فضای فرهنگی این نهاد تداعی شود. استفاده از اسلایدها برای اخبار مهم و اسلایدشو به صفحه تحرک و تنوع بیشتری بخشیده است.

- استاتيک: CSS Based + jQuery + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای انحصاری (CMS)
- بهینه سازی برای موتورهای جستجو (SEO)

توضیحات:
در طراحی این سایت خبری، با استفاده از ترکیب بندی رنگی، ساختاری منظم و محتواگرا ایجاد کرده ام، به طوریکه ساختار و المانهای تزئینی سایت نه تنها مزاحمتی برای محتوا ایجاد نکرده، بلکه سعی شده رنگها و ترکیبها برای دسترسی بهتر و هدایت صحیح نگاه بازدیدکننده انتخاب و طراحی شوند.
استفاده از افکتهای جی کوئری، افزودن قابلیت موافق/مخالف به کامنتها، لینکهای محتوایی درون متنی و ارائه خدمات اشتراک گذاری از امکانات به روز این وبسایت است.

- استاتيک: CSS Based + Java Script SlideShow + Flash Header
- دايناميک: PHP and MySQL
- دو زبانه (فارسی دری و انگلیسی)
- سيستم مديريت محتوای انحصاری (Exclusive CMS)

توضیحات:
این سایت برای یک انجمن فرهنگی در استان دایکندی افغانستان طراحی شد. این دوستان از طریق سایت دکتر عبدالله با طراحی‌های من آشنا شده بودند. در این سایت هم سعی کردم کمی از ساختار خشک سنتی وب دور شوم و از استایلها و سبک گرافیک web 2.0 نیز کمابیش بهره ببرم. همچنین با تعیین یک هارمونی رنگی سعی در هویت بخشی سایت داشته ام.

- استاتيک: HTML + CSS + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)

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

- استاتيک: CSS Based + Flash
- دايناميک: PHP and MySQL
- دو زبانه (فارسی و انگلیسی)
- سيستم مديريت محتوای اختصاصی (Exclusive CMS)
- وبلاگ WordPress

توضیحات:
یک طرح خلوت و رنگ زمینه ای که همرنگ پوست دف است و نقوش متحرک اسلیمی که به سنت دیرینه نگارگری ایرانی از کادر بیرون می زند تا انتشار موسیقی را به نماد بکشاند با یک layout آسان و به دور از اطوارهای اضافی، همه سعی دارند تا این سایت دو زبانه را کاربردی تر و زیباتر کنند.

- استاتيک: CSS Based + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

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

- استاتيک: CSS Based + Java Script
- دايناميک: PHP and MySQL
- دو زبانه (فارسی و انگلیسی)
- سيستم مديريت محتوا (CMS)

توضیحات:
الف دال وبسایت رسمی امیرحسین دلبری، طراح جواهرات هنری است که اخیرا سبک و روش خود را تثبیت کرده. طراحی این کار هم مثل تمام کارهایی که سفارش دهنده آن یک هنرمند است بسیار سخت و طولانی شد و در نهایت این طرح با ساختاری ساده اما حساب شده و با تکیه بر المان های بصری آثار انجام گرفت.

- استاتيک: CSS Based + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)
- سيستم اتوماسيون هنرآموزان و اساتيد

توضیحات:
مجتمع آموزشي كيش مهر براي رسيدن به اهدافي نظير معرفي دوره هاي آموزشي خود، ارائه محتواي آموزشي در رابطه با رشته هاي مرتبط، ثبت نام آنلاين، سيستم اتوماسيون هنرآموزان و اساتيد و... به پرتالي جامع نياز داشت كه با توجه به موضوع رشته هاي مورد تدريس كه هسته مركزي آنها «گرافيك» است، يك ساختار به روز و غيرمتعارف و در عين حال استاندارد مي توانست به خوبي از عهده «پرتال آموزشي-تبليغاتي» بودن برآيد. اين آشتي گرافيك (هنر) و رايانه (فن) جزو اهداف آموزشي اين مجتمع نيز هست.

نکته: هم اکنون ویرایش دوم این پرتال با طراحی جدید نصب و راه اندازی شده است.

- استاتيک: CSS Based + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)
- دوزبانه: انگلیسی و دری

توضیحات:
دکتر عبدالله، کاندیدای انتخابات ریاست جمهوری افغانستان (2009) است. ایشان رقیب اصلی آقای کرزای محسوب می شود و با شعار «تغییر و امید» به رقابت آمده است. بخشی از گرافیک تبلیغاتی ایشان از طریق دوستان واسطه افغانی به من سپرده شده است. اینجا سعی شده است سایتی رسمی با امکانات چندرسانه ای برای ایشان طراحی شود. به امید پررنگتر شدن اشتراکات فرهنگی ایران و افغانستان و احیای این حوزه ی تمدنی.

- استاتيک: CSS Based
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)
- گرافیک: به پیشنهاد سفارش دهنده

توضیحات:
زمان پروداکشنز، یک کمپانی تهیه کننده کنسرت های موسیقی ایرانی در کالیفرنیا (سن دیگو) است. سایت این کمپانی تحت توسعه است و در آینده امکان خرید اینترنتی بلیط نیز اضافه خواهد شد.

- استاتيک:  CSS Based + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

توضیحات:
طراحی سایتی که موضوعش گرافیک است بسیار دشوار است. با چک کردن نمونه های خارجی و بین المللی و پس از چندین پیش طرح، ترجیح دادم ساختاری ساده و کاربردی و در عین حال گرافیکی را برای چنین موضوعی انتخاب کنم. «سادگی» و «کارایی» دو نکته کلیدی است که در فعالیتهای بین المللی اهمیت فراوانی دارد.

- استاتيک: CSS Based + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

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

- استاتيک: HTML + CSS Based
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

توضیحات:
دفتر توسعه شامکان موسسه ای خیریه است که توسط نخبگان و اساتیدی که اصالتا از این روستا بوده اند مدیریت می شود. در این سایت هم سعی کرده ام از ساختاری نامتعارف و در عین حال کاربردی استفاده کنم. نگاهی شاعرانه به حال و هوای روستایی ایده ی طرح گرافیک سایت است.

- استاتيک: CSS Based + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

- استاتيک: CSS Based + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

- استاتيک: CSS Based + Java Script + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

- استاتيک: HTML + CSS Based
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS) + سیستم عضویت و محیط کاربری

- استاتيک: HTML + CSS + Flash
- دايناميک: سیستم مدیریت وبلاگ وردپرس

- استاتيک: HTML + CSS + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

- استاتيک: HTML + CSS Based + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)
- دو زبانه (فارسی و انگلیسی)

- استاتيک: HTML + CSS + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا (CMS)

- گرافیک و استاتيک: HTML + CSS + Flash
- دايناميک: PHP

- استاتيک: HTML + CSS + Flash

- استاتيک: HTML + CSS + Java Script + Flash
- مديريت محتوا توسط وردپرس

- استاتيک: HTML + CSS + Java Script + Flash
- دايناميک: PHP and MySQL

- استاتيک: HTML + CSS + Java Script + Flash
- دايناميک: PHP and MySQL
- استفاده از سیستم خبررسانی قطره

- طرحی قالب وبلاگ
- HTML + CSS + Java Script + Flash

- استاتيک: HTML + CSS + Flash
- دايناميک: PHP and MySQL
- سيستم مديريت محتوا و تبلیغات (CMS)

طراحی استاتيک و گرافیک سایت

- پروژه فرزندان ابراهيم
- فروشگاه سيسموني فرشته كوچولو
- وبلاگ آواز پر چلچله‌ها؛ سهراب
- وبلاگ زمستان است؛ اخوان ثالث
- وبلاگ انجمن فروغ فرخزاد
- وبلاگ راديو تهران