Разработка веб-сайта медицинского учреждения

Разработка веб-сайта медицинского учреждения

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

Перед нами стояли следующие задачи:

  • разработать современный сайт, адаптированный под мониторы актуальных устройств;

  • при входе на сайт должно быть понятно что это - медицинское учреждение;

  • на сайте должна появиться форма "Записаться на консультацию" с последующей отправкой данных на почту;

  • сайт должен иметь 2 версии (русскую/английскую);

  • разработанный сайт должен участвовать в международных конкурсах.

Использование стетоскопа в дизайне нам запретили :) . Через неделю мы разработали прототип дизайна главной страницы.

 

0b45cd17e1.jpg

 

Показав ответственному лицу созданный прототип, мы решили внести несколько изменений:

  • блок новостей перенести на 2 экран

  • элемент с контактными телефонами переработать

  • блок “наши услуги” ограничить 2 строчками и добавить слайдер

и в результате получили:

 

2db183a299.jpg

 

Поскольку мы ставили задачу: создать сайт уровня международных конкурсов, то решили уделить дизайну особое внимание. Еще около 2 недель ушло на разработку макетов и дизайна страниц.

В разработке использовались уникальные графические элементы:

Иконки услуг

service_1.pngservice_2.pngservice_3.pngservice_4.pngservice_5.pngservice_6.pngservice_7.pngservice_8.pngservice_9.pngservice_10.pngservice_11.pngservice_12.pngservice_13.pngservice_14.pngservice_15.pngservice_16.pngservice_17.pngservice_18.pngservice_19.pngservice_20.pngservice_21.pngservice_22.png

Стоковые фотографии подставлялись в макет, только для презентации.

Многие макеты были утверждены с первого раза. Мы рекомендовали размещать материалы статей полностью, вместо текущего варианта (публикации анонсом).

Было:

 

1479312320591.png

 

Стало:

 

10214a0ddf.png

 

Расписание требовалось уместить в одну таблицу, акцентировав внимание на телефоне, по которому надо уточнить рабочее расписание.

 

7398bc33ed (1).png

 

и

 

865b13397c.png

 

Остановились на втором варианте.

После утверждения всех макетов, дизайнер начал отрисовывать страницы в мобильной версии, т.к. техническим руководителем проекта было принято решение о разработке “mobile first”.

На данном проекте впервые испытали полное разделение Front-End и Back End разработки. На практике это просто: Front-End специалист верстал дизайн, переносил в репозиторий, а после, Back-End специалист разрабатывал функционал для страницы.

В результате сократили:

  • время разработки на ≈ 10%

  • время на тестирование ≈ 30%

  • количество багов на ≈ 30%

Дополнительная сложность с которой мы столкнулись:

Сайт заказчика находился на сервере со старым ПО и работал одновременно с 15 сайтами, но специалисты БГМУ совместно с текущим хостинг-провайдером оперативно решили эту проблему.

В итоге:

Front End - 90 часов

Back End - 140 часов

Design - 80 часов

Testing - 40 часов

2,5 месяца работы.

Используемые технологии:

Языки программирования:

Без названия.pnghtml5-css3-js.png

Верстка

CSS.pngHTML5_logo_and_wordmark.svg.png28742416.png

База данных

MySQL.svg.png

Средства разработки (библиотеки/фреймворки):

1280px-LaravelLogo.pngphpstorm-logo.png2color-lightbg@2x.png1280px-JQuery_logo.svg.pnggrunt-logo.pngmarinamilette_sass.pngLESS_Logo.svg.png

Средства тестирования:

jmeter-logo.jpgselenium-ide.png2000px-Redmine_logo.svg.png

0 комментариев

Restricted HTML

  • Допустимые HTML-теги: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Строки и абзацы переносятся автоматически.
  • Адреса веб-страниц и email-адреса преобразовываются в ссылки автоматически.