01 از 10
پژوهش
یک مشتری بالقوه فقط از شما خواسته بود که یک وب سایت طراحی کنید، اما کجا شروع کردید؟ یک فرآیند مشخصی وجود دارد که می توانید پیگیری کنید تا اطمینان حاصل شود که پروژه هموار می شود. این فرایند طراحی گرافیک استاندارد را نشان می دهد ، با تنها چند گام ویژه وب سایت برای افزودن.
به عنوان یک طراح گرافیک، ممکن است خودتان را انتخاب کنید، از جمله برنامه نویسی. با این حال، شما همچنین می خواهید یک تیم را جمع آوری کنید که به شما در جزئیات کمک کند. توسعهدهنده وب و متخصص جستجوگر میتواند به پروژه شما ارزشمند باشد.
این همه با تحقیق شروع می شود
همانند بسیاری از پروژه های طراحی، گام نخست برای ایجاد یک وب سایت، انجام تحقیقات است. برخی از این تحقیقات با مشتری انجام می شود تا درک درستی از نیازهای آنها باشد. شما همچنین باید بیشتر در مورد صنعت و رقبا خود بیاموزید.
در هنگام ملاقات با مشتری خود، باید به همان اندازه که ممکن است برای کشف یک طرح کلی برای سایت و در نهایت طراحی آن، کشف کنید. این شامل پرسیدن درباره مخاطبان هدف، اهداف، جهت خلاقیت و سایر متغیرهایی است که ممکن است بر آنچه که می توانید به مشتری ارائه دهید، مانند بودجه و مهلت تأثیر بگذارید.
تحقیقات صنعت و بازار شما همزمان انجام خواهد شد. برای آماده شدن برای ملاقات با مشتری خود، باید یک ایده از صنعت خود داشته باشید. پس از پیدا کردن نیازهای خود، پس از آن خواهید شد که کمی عمیق تر نگاه کنید.
سطح تحقیق انجام شده بستگی به بودجه مشتری و دانش موجود شما در صنعت دارد. این می تواند به همان اندازه ساده باشد که بتواند ببیند که وب سایت های دیگر در این زمینه چگونه هستند. برای پروژه های بزرگتر ممکن است چیزی شبیه به تحقیق جامع در گروه های تمرکز باشد.
02 از 10
طوفان مغزی
هنگامی که شما می دانید که چه چیزی در مورد این پروژه است، وقت آن است که ایده ها جمع آوری شود، و طوفان مغزی یک مکان عالی برای شروع است . به جای اینکه به دنبال ایده کامل باشید که برای اولین بار باشد، هر ایده و یا مفاهیمی را برای وب سایت بیرون بیاورید. بعدا می توانید آن را پایین بیاورید.
برخی از وبسایتها ممکن است برای یک رابط وب استاندارد، با ناوبری (یک نوار را فشار دهید) و زمینه های محتوا که در آن کاربران به احتمال زیاد از آنها انتظار دارند، تماس بگیرند. دیگران ممکن است نیاز به یک مفهوم منحصر به فرد برای ارائه محتوا داشته باشند.
در پایان، محتوا طراحی را در اختیار خواهد داشت. به عنوان مثال، یک سایت خبری یک رویکرد بسیار متفاوت از نمونه کارهای یک عکاس را دارد
03 از 10
تصمیم گیری در مورد الزامات فنی
در اوایل فرآیند توسعه یک وب سایت، تصمیم گیری باید در مورد نیازهای فنی پروژه انجام شود. چنین تصمیماتی بر بودجه، چارچوب زمانی و در برخی موارد احساس کلی سایت تاثیر می گذارد.
یکی از تصمیمات اصلی این است که ساختار زیربنایی این سایت چه خواهد بود، که تعیین خواهد کرد چه نرم افزاری برای استفاده و چه سیستم باعث می شود که سایت "کار کند."
گزینه های شما عبارتند از:
- HTML عمومی: یک سایت HTML استاندارد که در آن هر صفحه به صورت دستی ویرایش می شود. این ممکن است نسبتا سریع به توسعه اما انعطاف پذیری کمی و مقدار زیادی تعمیر و نگهداری در حال انجام است. همچنین مهم است که به یاد داشته باشید که سایتهای HTML تنها به تنهایی HTML نیستند و میتوانند شامل CSS، جاوا اسکریپت و دیگر زبانهای برنامه نویسی برای توابع باشند.
- از یک سیستم مدیریت محتوا استفاده کنید : استفاده از CMS به طور کلی مشتری را قادر می سازد که به روز رسانی های منظم محتوا را انجام دهد، در حالی که طراح تصویر کلی و احساس سایت را کنترل می کند. بعضی از سیستم ها ممکن است از ابتدا توسعه یابند و دیگران خریداری شده و به نیازهای مشتری متصل شوند. سیستم های آنلاین مانند Blogger و وردپرس رایگان هستند و شامل CMS اساسی نیز می شوند.
04 از 10
بنویسید
اکنون که شما اطلاعات لازم را جمع آوری کرده اید و بعضی از ایده ها را به پیش می برید، ایده خوبی است که همه چیز را روی کاغذ بگذارید.
یک طرح کلی از یک وب سایت باید شامل لیستی از هر قسمت باشد که در سایت قرار داده شده است، با توضیح اینکه چه نوع محتوایی در هر صفحه نمایش داده خواهد شد. همچنین باید جزئیات دقیق را در مورد ویژگی های سایت، مانند حساب های کاربری، اظهار نظر، عملکرد شبکه های اجتماعی، ویدیو یا ثبت نام خبرنامه توصیف کند.
به غیر از کمک به سازماندهی پروژه، مشتری باید با طرح کلی پیشنهاد یک وب سایت ارائه شود تا آنها بتوانند قبل از ادامه پروژه آن را تایید کنند. این به آنها اجازه می دهد که هر بخش یا ویژگی را اضافه، حذف یا تنظیم کنند.
همه اینها در نهایت به شما کمک خواهد کرد تا یک بودجه و چارچوب زمانی را بسازید و سایت را بسازید. موافقت با قیمت یک پروژه وب سایت براساس یک طرح تصویب شده کمک خواهد کرد که از پرداخت های اضافی یا تفاوت های عقب افتاده در پروژه جلوگیری شود.
05 از 10
ایجاد فریم های Wireframe
Wireframe ها نقشه های ساده ای از طرح بندی وب سایت هستند که به شما (و مشتری) اجازه می دهد بر روی قرار دادن عناصر به جای رنگ و نوع متن تمرکز کنید.
این بسیار مفید است زیرا تعیین می کند که کدام محتوا بیشترین تمرکز را داشته و درصد فضای استفاده شده در صفحه برای آن عناصر. بدون اینکه از عناصر بصری دیگر پریشانی شود، wireframes مورد تایید چارچوبی برای طرح های شما ارائه می دهند.
برای بعضی از پروژه ها، ممکن است در نظر داشته باشید که مجموعه ای از فریم های موجود برای استفاده از انواع مختلف محتوا وجود دارد. تماس، در مورد و سایر صفحات با متن زیادی ممکن است طرح دیگری از یک گالری یا صفحه خرید داشته باشد.
مهم این است که در طول وب سایت یک نگاه یکنواخت داشته باشید، همانطور که از یک فریم به بعد منتقل می شوید.
06 از 10
طراحی وب سایت
هنگامی که شما و مشتری خود را با wireframes خوشحال هستید، زمان شروع طراحی سایت است.
Adobe Photoshop رایجترین ابزار برای ایجاد طرح اولیه است. تمرکز طراحی سایت باید محتوای محتوایی باشد و از آن برای ایجاد صفحات وب واقعی استفاده می شود.
در حال حاضر، به سادگی طراحی و بازی با عناصر اساسی برای ایجاد چیزی برای مشتری خود را به نگاه و تصویب.
- در حالی که طراحان و انیمیشن های پر جنب و جوش جای خود را دارند، نباید بیش از آنچه که کاربر به دنبال آن است، غلبه کند.
- ناوبری مداوم به بازدیدکنندگان شما کمک می کند تمام زمینه های محتوای اصلی خود را پیدا کنید.
- استفاده پاک از نوع (در مورد یک سایت متنی محور) بازدیدکنندگان را به خواندن ادامه می دهد و برای بیشتر می آید.
- قبل از اینکه محتوایی واقعی برای طراحی سایت داشته باشید، متن Lorem Ipsum به پر کردن فضاهای بدون منحرف کردن مشتری کمک می کند.
07 از 10
ساخت صفحات وب
هنگامی که طراحی شما تایید می شود، صفحات باید از mockups ها به صفحات وب واقعی نوشته شده در HTML و CSS تبدیل شوند.
طراحان / طراحان با تجربه ممکن است تصمیم بگیرند که تمام برنامه نویسی را انجام دهند، در حالی که کسی که روی طراحی وب تمرکز کرده است، ممکن است با یک توسعه دهنده کار کند تا سایت را به زندگی تبدیل کند. اگر این مورد باشد، توسعه دهنده باید از ابتدا درگیر باشد.
توسعه دهندگان به اطمینان خاطر می یابند که طراحی یک طرح وب واقعی و موثر است. آنها همچنین باید در مورد هر ویژگی ای که مشتری را وعده داده اید، مشورت کنید، زیرا برخی ممکن است برای اجرای یا سودمند بودن سایت نباشد.
نرم افزار مانند Adobe Dreamweaver می تواند به یک طراح کمک کند تا یک صفحه وب کاری را به یک صفحه وب تبدیل کند، با ویژگی های کشیدن و رها کردن، توابع پیش ساخته شده و دکمه ها برای اضافه کردن لینک ها و تصاویر.
گزینه های نرم افزاری زیادی برای ساخت وب سایت وجود دارد. یکی را انتخاب کنید که از کار با آن لذت می برید، فقط مطمئن شوید که به شما امکان می دهد تا به جزئیات و برنامه نویسی صفحات دسترسی پیدا کنید.
08 از 10
توسعه وب سایت
هنگامی که طرح شما در HTML و CSS تکمیل می شود، باید با سیستم مورد نظر شما یکپارچه شود. این نقطه ای است که آن را یک وب سایت کار می کند.
این ممکن است به معنی توسعه قالبهایی باشد که توسط یک سیستم مدیریت محتوا بخوانند، قالب قالب وردپرس را تغییر دهند، یا با استفاده از Dreamweaver برای ایجاد لینک بین صفحات و ویژگی های وب پیشرفته تر. این یک گام است که ممکن است به یکی دیگر از عضو یا اعضای تیم منتقل شود.
شما همچنین نیاز به خرید یک نام دامنه وبسایت دارید و یک سرویس میزبانی را در بر می گیرد. این باید بخشی از بحث های شما با مشتری بوده و در حقیقت باید در مراحل اولیه فرایند انجام شود. گاهی اوقات برای فعال شدن خدمات می توان از آن استفاده کرد.
همچنین بسیار مهم است که شما یا توسعه دهنده تست کامل وب سایت را انجام دهید. شما نمی خواهید "بزرگ نشان می دهد" و توابع است که کار درست نیست.
09 از 10
تبلیغ وب سایت
با استفاده از وب سایت شما آنلاین، وقت آن است که آن را تبلیغ کنید. طراحی شگفت انگیزی نیست که مردم از آن بازدید نکنند.
رانندگی ترافیک به یک سایت می تواند شامل موارد زیر باشد:
- بهینه سازی آن برای موتورهای جستجو استخدام یک کارشناس جستجوگرها اگر این یک منطقه تخصص نیست به عنوان بهترین شیوه ها به طور مداوم در حال تغییر است.
- ارسال خبرنامه برای برجسته کردن محتوای جدید طراحی خبرنامه باید به طراحی وب سایت مرتبط باشد تا پیام های نام تجاری سازگار باشد.
- تبلیغات با تبلیغات PPC در Google یا با تبلیغات بنر در سایت های دیگر.
- روش های متداول تر مانند تبلیغات چاپی و سخن گفتن از دهان.
10 از 10
آن را تازه نگه دار
یکی از بهترین راههای نگه داشتن افراد برای بازگشت به سایت شما این است که مطالب را تازه نگه دارید. با تمام کارهای انجام شده در سایت، شما نمی خواهید آن را برای چند ماه پس از راه اندازی یکسان باقی بماند.
ادامه مطلب برای ارسال مطالب جدید، عکس ها، فیلم ها و یا موسیقی ... هر آنچه سایت ساخته شده است برای ارائه. وبلاگ یک راه عالی برای نگه داشتن سایت با به روزرسانی هاست، با پست هایی از هر طول در هر موضوع مربوط به سایت شما،
اگر مشتری شما به روز رسانی های وب سایت CMS را مدیریت کند، ممکن است نیاز به آموزش آنها برای استفاده از آن داشته باشید. به روزرسانی های وبسایت که طراحی کرده اید، یک راه خوب برای درآمد منظم است. اطمینان حاصل کنید که شما و مشتری شما در مورد فرکانس و نرخ هر کار بروزرسانی که انجام می دهید، توافق دارند.