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

به طور خلاصه می توان گفت طراحی وب به دو بخش زیبایی شناختی وب سایت و کارایی سایت می پردازد. طراحان وب نرم افزارهای مختلف طراحی مثل فتوشاپ و … را برای ایجاد طرح و  عناصر بصری وب سایت استفاده می کنند. از سوی دیگر، توسعه دهندگان وب ، طرح وب سایت را دریافت می کنند و آن را پیاده سازی و اجرا می کنند. وب سایت را دریافت و سپس آن را به وب سایت عملیاتی تبدیل می کنند. توسعه دهنده وب از ابزارهایی مثل html، css، جاوا اسکریپت ، php و دیگر زبان های برنامه نویسی استفاده می کنند.

طراحی وب

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

اصول طراحی

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

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

توسعه وب

توسعه دهندگان وب که بعضاً برنامه نویس گفته می شوند، طرح و قالب ایجاد شده را دریافت کرده و یک وبسایت کاملا کارآمد را ایجاد می کنند. در واقع برنامه نویس یک تصویر از وب سایت  دریافت می کند و کدهای لازم برای اتصال به سرور و عملیات ها و کامپوننت های لازم را پیاده سازی می کنند.  سپس با استفاده از کدها HTML و زبان های برنامه نویسی مانند PHP  صفحات مختلف وب را توسعه میدهند. توسعه دهندگان حرفه ای برای راحتی صاحبان سایت ها در زمینه حفظ و به روز رسانی سایت شان ممکن است  از یک سیستم مدیریت محتوا (CMS) مانند وردپرس یا جوملا استفاده کنند.

نمونه هایی از طراحی سایت هایی که با گرافیک اختصاصی انجام گرفته شده ( طراحی وب ) و سپس پیاده سازی (توسعه وب) صورت گرفته شده باشد را می توانید در طراحی سایت اصفهان ببینید.