Портфолио работ по web разработке Анатолия Косинского
Делюсь своим опытом в web-разработке

Анатолий Косинский

Учебно-профессиональное портфолио моих авторских web работ

Коротко о себе

В прошлом являюсь почетным членом академии наук, кавалером Викторианского креста и лауреатом Нобелевской премии.

Ха, поверили? Пошутил. Все на много прозаичней.

Нас определяет наше настоящее, какие идеи мы исповедуем, что несем в этот мир. И ничто не расскажет обо мне лучше, чем наглядные результаты моих творений.

Да, да, не работ — творений. Ибо отношусь к своему делу как к искусству.

Родился я в городе герое Керчь в 1986 году, дальше вы уже в курсе. В определенный момент своей жизни начал изучать веб разработку и смежные ей темы.

Результатом ежедневной многочасовой учебы и практики является то, что сегодня получается создавать крутые с точки зрения юзабилити, пользовательского опыта и дизайна сайты.

В настоящее время продолжаю осваивать новые технологии и совершенствовать практические навыки.

Косинский Анатолий Александрович — разработчик веб сайтов

Мой опыт в разработке включает создание web сайтов с разной степенью сложности

Изображение, символизирующее создание лендингов (одностраничных сайтов)

Одностраничные сайты Lending Page

Одностраничные сайты для размещения товаров или предложений оказания услуг организацыями.

Многостраничные сайты с продуманной структурой

Сайты с административной частью и посадочными страницами под каждый вид услуги или товара.

Информационные сайты (Блог)

Статейные сайты для ведения блога или другой информационной деятельности с динамическим выводом контента.

Используемые технологии, лежащие в основе сайтов

Иконка клиентских технологий сайта

Клиентская часть сайта

Клиентская часть сайта создается с помощью верстки с применением HTML CSS и JavaScript с учетом современных стандартов.

База данных MySQL

Для возможности редактирования и хранения контента на сайте предусмотрена реляционная база данных MeSQL

Серверная часть сайта

Серверная часть сайта в подавляющем большинстве представлена самой популярной CMS WordPress.!

Достоинства сайтов на выбранной мной технологии

Иконка Авторский дизайн сайта

Авторский дизайн и структура сайта

Возможность масштабирования

Широкие возможности для SEO оптимизации

Возможность легко редактировать контент

Примеры, созданных мной сайтов с их демонстрационными версиями

Многостраничный CMS WP
Скриншот первого экрана сайта Металлург

Сайт тренажерного клуба

Декоративное изображение

Многостраничный сайт для тренажерного клуба создавался с полного нуля под ключ.

Для frontend части сайта были выбраны классические технологии: HTML, CSS, JavaScript. Для backend сайта была выбрана CMS WordPress, благодаря чему были реализованы все поставленные на этапе проектирования цели.

Процесс создания сайта включал этапы разработки: прототипа, дизайн макета, верстки (написания кода html, css, JavaScript), натяжки на CMS, размещения на сервере.

Lending Page CMS WP Шаблон
Скриншот первого экрана сайта по ремонту ПК

Сайт компании по ремонту ПК

Одностраничный сайт Lending Page для компании по ремонту компьютерной техники.

Создан с использованием классических технологий. Клиентская часть (Frontend) реализована с помощью HTML, CSS, JavaScript, что делает его легко масштабируемым (можно разработать и добавить блоки при необходимости или изменить существующие). Серверная часть (Backend) реализована на CMS WordPress.

Упор был сделан на интерактивность страницы продуманную и понятную для пользователя подачу информации.

Доступен для использования на основе его шаблона.

Lending Page CMS WP Шаблон

Сайт художественной студии

Одностраничный Lending Page художественной студии, специализирующейся на изготовлении портретов. Посадочная страница для конкретной услуги данной организации под рекламный трафик с поисковых систем и социальных сетей.

При создании использованы технологии: для клиентской части — HTML, CSS, JavaScript, для серверной части сайта — CMS WordPress. Планируется разработка самописного Backend для оптимизации производительности.

Упор был сделан на яркий, цепляющий дизайн и интерактивность страницы.

Доступен для использования на основе его шаблона.

Lending Page CMS WP Шаблон
Скриншот первого экрана сайта по детейлингу

Сайт detailing студии

Одностраничный сайт детейлинг студии. Страница содержит перечень предлагаемых организации услуг, информацию о работе компании.
Сайт создавался как временная заглушка на основе авторского дизайна с перспективой масштабирования в многостраничный сайт.
Использован классический подход с использованием технологий html, css, JavaScript.
Для одностраничной версии сайта планируется создание самописного Backend. В многостраничном варианте будут использована CMS WordPress.

Доступен для использования на основе его шаблона.

Многостраничный CMS WP Шаблон
Скриншот первого экрана сайта о Стерлитамаке в годы ВОВ

Сайт на тему истории ВОВ

Статейный сайт на тему истории города Стерлитамак республики Башкортостан в годы ВОВ.

Сайт отличается простотой, тематичным дизайном и минимальной интерактивностью, позволяющей пользователю удобно получить нужную информацию.

Авторский дизайн. Клиентская часть написана на html, css, JavaScript. В качестве backend использована CMS WordPress.

Доступен для использования на основе его шаблона.

Многостраничный CMS WP
Сайт студии наружной рекламы

Сайт студии наружной рекламы Dk studio

Декоративное изображение

В настоящее время находится в разработке!

Многостраничный сайт для студии наружной рекламы Dk studio.

Серверная часть (html, css, JavaScript) пишется с использованием Gulp сборки, что позволит добиться лучших характеристик производительности и кроссбраузерности.

На данном проекте в процессе его реализации мной используется ряд нововведений, призванных улучшить характеристики доступности и ранжирования поисковыми системами.

Для реализации серверной части планируется использовать CMS WordPress.

Многостраничный Шаблон
Скриншот первого экрана сайта Тайцзы

Сайт школы Тайцзы цюань

Принимал частичное участие в данном проекте.

Разрабатывал дизайн концепцию.

Так же в мои задачи входила HTML верстка.

Бредовость структуры страниц и испорченный дизайн — результат не профессионального подхода заказчика проекта.

При определенных доработках дизайн макета можно использовать как шаблон.

Мой принципиальный подход к разработке сайтов — использование лучших практик в web

  • Авторский дизайн

    Одной из задач является создание выделяющегося сайта на общем фоне с ярким, запоминающимся дизайном. При создании дизайн проекта учитывается такие фундаментальные правила, как соответствие тематике цветов, типографики, графических форм. Сочетание цветов и иерархии текстового контента.

  • Базовая SEO оптимизация

    Разработка начинается со сбора семантического ядра и проработки структуры сайта и страниц. HTML структура создается с учетом требований SEO к верске. На backend сайта проводится техническая оптимизация.

  • Оптимизация производительности

    Одной из ключевых целей при создании мной любого web ресурса является достижение баланса интерактивности и производительности. Для приемлемой скорости загрузки используется соответствующие методы.

  • Коверсионные свойства

    Сайт должен быть не просто красивой картинкой в интернете, а выполнять свои первоначальные функции. На этапе проектирования продумывается структура с учетом зарекомендовавших себя практик.

  • Безопасность сайта

    Проблема взлома сайтов для того, чтоб завладеть мощностями ресурса или в иных целях злоумышленниками является острой, хоть на первый взгляд не очевидной. Я уделяю особое внимание этой проблеме.

Изображение раздела "лучише практики"

Разработка web сайта производится поэтапно

1
Этап
  • Прототип сайта

    Прототип сайта

    Создание схематичного изображения страниц, показывающее расположение основных элементов. Создается текстовый контент.

  • Дизайн макет сайта

    Дизайн макет сайта

    На дизайн-макете будет воспроизведён внешний вид сайта —расположение элементов, шрифты, цвета и графику.

  • Изображение, символизирующее верстке сайта

    Верстка WEB страниц

    На этом этапе дизайн-макет преобразуется в код, который отображается в браузере. Web сайт становится доступным.

  • Серверная часть сайта

    На этом этапе сайт приобретет административную панель управления и базу данных и всю функциональность.

  • Размещение на сервере

    Это финальный этап разработки, на котором готовый проект становится доступным для пользователей в интернете.!

Меня легко найти и связаться по контактам ниже

Всегда открыт к диалогу. Готов рассмотреть Ваши предложения о сотрудничестве!