D E S I G N
RU | EN
Вершины созданы
для того, чтобы их
покоряли!
Добро пожаловать

Доброго времени суток!

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

Кому бы вы доверили создание вашего сайта? Уставшему от повседневной рутины работнику, считающему дни до отпуска, или энтузиасту, искренне увлеченному своим ремеслом, который ежедневно совершенствуется в любимом деле?

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

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

Умения и навыки. Резюме

Перечисление освоенных рабочих скиллов. Ключевые умения, личные данные.

html
HTML
язык гипертекстовой
разметки
css
Таблицы
каскадных стилей
CSS
javascript
JavaScript
и jQuery
sass
Препроцессоры
Sass / SCSS
wordpress
Фреймворк/CMS
Wordpress
bootstrap
Фреймворк Bootstrap
(ver.3-4)
gulp
Таск-менеджер GULP
и автоматизация
процесса сборки
git
Контроль версий
Git
бэм
Методология БЭМ
шаблонизатор pug
Шаблонизатор Pug
  • Верстка html-страниц из макетов в форматах PSD, Figma, Sketch
  • Работа по БЭМ-методологии
  • Sass-препроцессор
  • Шаблонизатор Pug. HTML-препроцессинг
  • Использование системы контроля версий Git (консольный Git Bash или GitHub Desktop)
  • Применение таск-менеджера Gulp
  • Создание страниц на основе фреймворка Bootstrap
  • Фреймворк WordPress (создание тем/подключение CMS к верстке)
  • SEO-оптимизация
  • Работа с JavaScript/jQuery-скриптами. Создание/модификация/подключение
  • Модификация статичных страниц в адаптивные (даже без макета)
  • Кроссбраузерность кода
  • Технический английский язык (документация, тех.задание, и т.д.)
фото_автора

Здравствуйте!

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

Начав с должности оператора цифровой минифотолаборатории (Konica QD-21 Plus) параллельно осваивал полиграфию и дизайн, замещая одного из штатных дизайнеров на время отпусков и выходных дней. Спустя несколько лет полностью перешел на открывшуюся вакансию дизайнера, выполняя коммерческие заказы и разрабатывая рекламную и информационную продукцию для внутренних нужд компании.

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

С апреля 2018 года своим главным направлением деятельности выбрал web-разработку. Благодаря неоценимой помощи нескольких опытных специалистов давно занимающихся WebDev'ом удалось избежать платных курсов, онлайн-школ и прочего, сразу же сосредоточившись на изучении действительно нужных и восстребованных методах вёрстки и web-программирования. Mobile-first, Git-контроль, использование сборщиков Gulp / Webpack, html-препроцессоры для больших проектов, Sass-синтаксис, нативный JavaScript ES5-6, знакомство с react-jsx, БЭМ-методология и всё, что должен знать опытный web-разработчик. Никаких тестовых шаблонов - только реальные макеты коммерческих проектов.

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

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

С уважением, и надеждой на скорое плодотворное сотрудничество

Сергей Тышкевич
Портфолио

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

Выберите сайт для перехода

выключение_иконка

Наведите курсор, чтобы увеличить превью сайта для прокрутки

автосервис_пк_превью
автохолл_мобильный

Кликните по любой точке экрана телефона, чтобы ознакомиться с мобильной версией сайта

значок_клик

Прокручивайте содержимое экрана телефона курсором, зажав левую кнопку мыши

Проект 01 / 2018

Автосервис "АвтоХолл"

Самый первый выполненный проект. Дизайн и общая концепция макета взяты из работы автора канала WDM, и доработана.

  • Дизайн макета индексной страницы: youtube-канал WebDesignMaster
  • Дизайн остальных страниц, доработка: FOX Design
  • Сетка Bootstrap 4, стандартная блочная вёрстка
  • Полностью адаптивен, поддержка всех мобильных устройств
Описание
Превью

Наведите курсор, чтобы увеличить превью сайта для прокрутки

скинали_пк_превью
фабрика_скинали_мобильный

Кликните по любой точке экрана телефона, чтобы ознакомиться с мобильной версией сайта

значок_клик

Прокручивайте содержимое экрана телефона курсором, зажав левую кнопку мыши

Проект 02 / 2021

"Фабрика скинали"

Продающий лэндинг комапнии по производству защитных фартуков для кухни (скинали).

  • Идея, вёрстка, дизайн макета: FOX Design
  • Флексы + БЭМ
  • Интерактивная примерка шаблонов со сменой цветов интерьера
  • Блок сравнения интерьера кухни 'До и после'
  • Полностью адаптивен, поддержка всех мобильных устройств
Описание
Превью

Наведите курсор, чтобы увеличить превью сайта для прокрутки

скарлет_пк_превью
скарлет_мобильный

Кликните по любой точке экрана телефона, чтобы ознакомиться с мобильной версией сайта

значок_клик

Прокручивайте содержимое экрана телефона курсором, зажав левую кнопку мыши

Проект 03 / 2020

Салон красоты "Scarlet"

Сайт московского салона красоты

  • Идея, вёрстка, дизайн макета: FOX Design
  • Сетка Bootstrap 3, флексы, гриды
  • Страницы услуг каждого направления салона, с развернутым описанием и пояснениями
  • Адаптивная галерея-карусель предоставляемых услуг с автоматическим выравниванием всех блоков по высоте содержимого
  • CSS-анимация
  • Полностью адаптивен, поддержка всех мобильных устройств
Описание
Превью

Наведите курсор, чтобы увеличить превью сайта для прокрутки

капоне_пк_превью
капоне_пицца_мобильный

Кликните по любой точке экрана телефона, чтобы ознакомиться с мобильной версией сайта

значок_клик

Прокручивайте содержимое экрана телефона курсором, зажав левую кнопку мыши

Проект 04 / 2021

Пиццерия "Capone Pizza"

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

  • Идея и дизайн макета: FOX Design
  • Гриды, флексы, БЭМ
  • Анимированный плиточный интерфейс страниц
  • Полностью адаптивен, поддержка всех мобильных устройств
  • Анимированный плиточный интерфейс страниц
  • Без сриптов работы корзины и выборки товара!
Описание
Превью

Наведите курсор, чтобы увеличить превью сайта

холлоунайт_пк_превью

Проект 05 / 2021

Hollow Knight Hallownest atlas

Информационное приложение-компаньон для игры Hollow Knight. Интерактивная, настраиваемая карта всего Халлоунеста со встроенной базой данных по всем объектам.

  • Интерфейс приложения повторяет графический стиль игры
  • Система фильтров для быстрого поиска объектов
  • Места нахождения и характеристики всех боссов и воинов Грёз
  • Расположение и развернутое описание всех амулетов, включая add-on "The Grimm Troupe"
  • Контурные отметки проходимости, препятствий и условий доступа наложенные на карту
  • Десктоп-версия. Не предназначена для мобильных устройств!
Описание
Превью

Наведите курсор, чтобы увеличить превью сайта

фаллоут_пк_превью

Проект 06 / 2021

Fallout 4 Memory Vault

Приложение-компаньон для игры Fallout 4. Предназначено для точного ориентирования пользователя на игровой карте.

  • Стилизация интерфейса приложения под аппаратуру в стиле ретрофутуризма
  • Система фильтров для отображения местонахождения журналов, пупсов, уникального оружия и силовой брони
  • Интерактивная карта всей пустоши Содружества (Commonwealth) с отметками всех локаций
  • Сетка координат для удобного поиска местонахождения нужной локации во внутреннеигровом Пип-бое
  • Активный поиск по полному названию локации или по сочетанию букв, реализованный через нативный JS с анимированной индикацией результата
  • Десктоп-версия. Не предназначена для мобильных устройств!
Описание
Превью
Преимущества

Почему Вам стоит доверить работу именно мне?

Точность
Вополощение макета в вёрстку именно
так, как видите это Вы
Пунктуальность
Выполнение всех работ в точности к оговоренному времени
Развитие
Каждый выполненный заказ делает мастерство еще совершеннее
Быстрота
Исполнение заказа в максимально
сжатые сроки
Ответственность
Безупречное исполнение заказа, точное соответствие заданию
Самоотдача
Нет рабочего графика. Есть заказ и его выполнение
Обо мне, и о моём рабочем месте дома

Краткий обзор рабочего места и периферии. Иногда беглый взгляд на окружение человека способен сказать о нём больше, чем множество слов. Где живу, как работаю, чем увлекаюсь - всё в этом разделе.

Любимые жанры: триллер / ромком / хоррор

Любимые фильмы: Семь (Se7en) / Видок (Vidocq) / Глубина (Below)

Любимые сериалы: Игра престолов / Доктор Хаус / Шерлок

Бонистика - коллекционирование денежных банкнот (бон) различных стран мира, вышедших из обращения и действующих, имеющих платёжную силу или коллекционных художественных вариантов стандартных банкнот

Любимые жанры: immersive sim / FPS / ARPG / strategy / survival

Любимые игры: The Last of Us I-II / Bioshock I-III / Path of Exile

Лучшие в коллекции:
16 бат (Таиланд) - коллекционная бона в честь 80-летия короля Рамы IX
1 доллар (Багамы) - коллекционный выпуск в честь 500-летия путешествия Х.Колумба
2000 лей (Румыния) - коллекционный выпуск в честь полного солнечного затмения 1999, с передающей голограммой для лазерного луча, изображающей Луну затмевающую Солнце
Мой STEAM-профиль

Увлечения и хобби

Нельзя всё время быть занятым одной лишь работой, нужно найти время и на развлечения. Самое любимое времяпровождение, и то, без чего немыслим мой отдых!

Кино и сериалы - в коллекции более 1600 фильмов
и все сезоны 72-х тайтлов любимых сериалов)

Бонистика - коллекция бон разных стран,
включая серии островных государств

Видеоигры - на ПК и PlayStation 4

Всё, что вы видите, создано мной.
От идеи концепта, до строк кода
воплощенного в графику. Если вы ищете
человека способного реализовать ваши идеи
и планы на высоком техническом уровне,
я именно тот, кто вам нужен!
Так давайте работать вместе!
иконка_скилла_1

Ответственный

иконка_скилла_2

Пунктуальный

иконка_скилла_3

Внимательный

иконка_скилла_3

А еще очень скромный...

Мои инструменты

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

Сборщик Gulp 3.0 + шаблонизатор Pug + препроцессор
Sass для ускорения вёрстки.

Среда разработки: Sublime Text или
Visual Studio Code

Работа по БЭМ-методологии

cinema_img
money_img
videogames_img

Немного о себе:

ФИО: Тышкевич Сергей Иванович
Возраст: 38 лет
Место проживания: г.Борисов, Минская обл.
Зодиак: Скорпион
Семья: нет

Специальность: графический дизайнер / Front-end разработчик
Опыт: 3 года в WEB-разработке

gulp
pug
bem
sass
sass

Рабочее место

Хотя главными инструментами в web-разработке являются голова и умелые руки, нельзя отрицать, что грамотно подобранная периферия значительно облегчает и
ускоряет столь нелегкий процесс.

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

Открыть     Закрыть

галерею
банкнот

наведите курсор для
подробностей
Предпочитаемый редактор кода - Sublime Text
доступна фотогалерея
1 Доллар (Багамские о-ва) Юбилейный выпуск в честь 500-летия первой высадки Х.Колумба на острова.
2000 Лей (Румыния) Коллекционный выпуск полимерной банкноты в честь полного солнечного затмения 1999 года.
16 Бат
(Тайланд)
Коллекционный
выпуск в честь
80-летия
монарха Рамы IX.

Немного о себе

фото_автора

Привет! Я создатель этого сайта и всех других представленных здесь. А еще - я тот самый человек, которого вы ищите! Нужно срочно реализовать очень сложный проект с массой неочевидных деталей? Легко!

ФИО: Тышкевич Сергей Иванович
Возраст: 38 лет
Место проживания: г.Борисов, Минская обл.
Зодиак: Скорпион
Семья: нет
Прошлая специальность: графический дизайнер
Опыт в WEB-разработке: более 3-х лет

Хобби и увлечения

Бонистика - коллекционирование денежных банкнот (бон) различных стран мира, вышедших из обращения и действующих, имеющих платёжную силу или коллекционных художественных вариантов стандартных банкнот.

Лучшие в коллекции:
16 бат (Таиланд) - коллекционная бона в честь 80-летия короля Рамы IX
1 доллар (Багамы) - коллекционный выпуск в честь 500-летия путешествия Х.Колумба
2000 лей (Румыния) - коллекционный выпуск в честь полного солнечного затмения 1999, с передающей голограммой для лазерного луча, изображающей Луну затмевающую Солнце
открыть галерею банкнот

Видеоигры - на ПК и PlayStation 4

Любимые жанры:
immersive sim / FPS / ARPG / strategy / survival
Любимые игры:
The Last of Us I-II / Bioshock I-III / Path of Exile
мой STEAM-профиль

Кино и сериалы - в коллекции более 1600 фильмов
и все сезоны 72-х тайтлов любимых сериалов)

Любимые жанры:
триллер / ромком / хоррор
Любимые фильмы:
Семь (se7en) / Видок (Vidocq) / Глубина (Below)
Любимые сериалы:
Игра престолов / Доктор Хаус / Шерлок

Моё рабочее место

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

Мои инструменты

Программы, которые помогают воплощать дерзкие замыслы в еще более впечатляющие завершенные проекты

Предпочитаемый редактор кода - Sublime Text
Кодинг по методологии БЭМ
html-препроцессор Pug
Sass-синтаксис для css
Сборщик проектов Gulp

Цифры и факты:

Процесс:

less + Koala (компилятор) для маленьких проектов, Gulp 3.0 + Pug + Sass для больших.
Avocode, Photoshop или Figma для работы с макетом.
Среда разработки: Sublime Text или Visual Studio Code.

Технологии:

Верстка макета через:
- флексы (CSS Flexible Box)
- гриды (CSS Grid Layout)
- Bootstrap 4

Опыт:

Более 8-ми лет работы графическим дизайнером, 3 года в веб-разработке.

Скорость:

Пропорциональна размеру оплаты

Планы:

Front-end до уровня Middle/Senior Developer.
Углубленное изучение SEO-технологий.

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