Аналіз брифу і написання ТЗБриф – це такий документ, своєрідна анкета, яку заповнює замовник. У брифі клієнт вказує свої побажання щодо дизайну, функціоналу сайту чи програми та інші деталі проекту. На основі брифу менеджери IT-компанії складають ТЗ (технічне завдання) для розробників. 1
Прототипування. Важливий етап, особливо для великих проектів. Прототип – це схема всіх або декількох сторінок сайту у формі ескізу або HTML-документа, в якому відображені взаємодії та структурні елементи майбутнього сайту: меню, кнопки, форми та інше. 2https://wireframe.cc/Moqups https://moqups.com/Marvel
Розробка дизайну. На даному етапі дизайнер промальовує сторінки ресурсу. Сьогодні важливо, аби сайт мав не лише десктопну версію, а й мобільну. Незмінна вимога до дизайну – “дружній” інтуїтивно зрозумілий інтерфейс. Тобто такий, коли користувач легко і швидко знаходить необхідну інформацію на сайті.3 Sketch – $ (Только под Mac)Figma –Безкоштовно or $)Adobe XD – Безкоштовно I $ (Mac и Windows)Adobe Photoshop – $Adobe Dreamweaver
Програмування. Ресурс проходить тестування на відповідність макетів дизайну, швидкість роботи, оптимізацію під мобільні пристрої і відображення в різних браузерах. Фінальна перевірка якості – це оцінка готового продукту з точки зору, як програміста, так і користувача. Тестується виконання функціоналу: чи маємо можливість здійснити покупку, чи проходить оплата, чи надходять листи, тощо. Тестується працездатність проекту загалом.4 Notepad++Sublime. Text 3 Atom
Веб-сайти - це основа на якій тримається інтернет, і всі вони побудовані на трьох основних технологіях. HTML - відповідає за наповнення веб-сторінки контентом, структуру і зміст. CSS - використовується для оформлення та позиціонування, зовнішній вигляд. Java. Script - дозволяє додати функціонал, реакцію на дії користувача.
Тестування. Front-end розробники перетворюють макети з дизайном в інтерактивні веб-сторінки за допомогою мови HTML (по-суті, перетворюють малюнок на код). Back-end розробники поєднують/інтегрують зверстані веб-сторінки з базою даних та системою керування сайтом. Їх задача – зробити сайт не просто закодованою картинкою, а перетворити його на повноцінний функціональний робочий інструмент.5
Деплой сайту. На цьому етапі компанія-розробник допомагає клієнту вибрати хостинг (місце в інтернеті) і отримати домен (адреса ресурсу) – два моменти, необхідні для розміщення сайту. Після чого переносять сайт на цей хостинг. Ресурс відкривається для пошукових систем. І проходить етап фінального тестування після переносу.7