15:25 07.08.2006

Antony Bark

Design site & Re-design logo

 

Элит-Дент

Стоматология

Elite-Dent

Stomatology

 

 

П Р О Е К Т

 

I. СТИЛЬ

 

1. Принимаем «стандартную», для медицинской тематики, схему визуализации:

 

a\     Основа – светлый, спокойный, доверительный

b\     Гамма – белый, зелёный (морская волна), яркие вставки: красный, телесный… 

c\     Решения – простор, симметрия\центрирование, «вертикаль»

 

схема предполагает свободную, компоновку блоков, оставляющую

вокруг блоков достаточно много свободного пространства

 

2. Визуальные правила

 

a\     Фон-контент – светлый, фон-общий – белый\зелёный

b\     Текст – «вырубка, светлый на тёмном» – Verdana, Tahoma, (9-16рх) \зелёные тона

c\     Иллюстрации – имиджевые - мягкие границы, контентные – яркие, контрастные,

набор пиктограмм

  …

 

правила собирают ассоциации «белого халата», стерильности операций,

мягкости, доброжелательности и уверенности в действиях

 

3. Вёрстка

 

a\     Детализация – компактные смысловые группы, обилие «воздуха»

b\     Юзабилити – минимизация акцентов, описание ссылок,

пояснение терминологии (словарь терминов)

c\     Стандарты: IE 6, Opera (1024х768)

видимый текст – как текст, 1251 (ANSI кириллица)

страницы - PHP\HTML\CSS\TXT, title – именные, типа

elite-dent.ru_Профилактика-чистка_зубов”

графика - GIF, JPG alt), при увеличении – новое окно, пошаговый просмотр – альбомPHP,

анимация (Лого и т.п.) - GIF\SWF,

счётчики текст,

курсоры стандарт,

ссылки абсолютные (с title), переходы: внутренние – в том же окне, внешние – новое окно

 

вёрстка страниц и программирование сайта производятся с учётом

правил удобочитаемости текстов, визуального комфорта для посетителя,

интуитивности возможных действий и шагов, на основе стандартов отрасли.

 

4. Ре-дизайн элементов стиля

 

a\     Логотип – смягчение острых углов, удаление «вырубки», уравновешивание

b\     Знак – устранение схожести с брэндом СберБанкРФ,

акцентирование «смайла», добавление асимметрии для «очеловечивания»,

анимирование

с\     Композиция – горизонтальный блок и вариант размещения в овал (вертикальный блок)

 

ре-дизайн элементов стиля призван внести ряд изменений и дополнений, основанных

на мнении, что основные графические символы стоматологического учреждения

не должны быть жёсткими, острыми, угловатыми, - несущими опасность и повреждения.  

в перспективе предполагается введение в элемент смайла: яблока, зуба..

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

 

примеры:

 

 

 

 

II. ШАБЛОНЫ

 

1. Принимаем к производству решения:

 

a\     Заставки, Альбомы, Рекламные (акции) страницы:

               

 

Пиктограммы

 

 

Имиджевые иллюстрации

текст

 

 

Техническая информация

 

 

ячейка с контентом, расположена в центре страницы,

фон страницы – зелёный, ячейки – белый

пример:

 

                     

 

b\     Главная

 

Пиктограммы, Акцентированные ссылки

Имиджевые иллюстрации

Лого, Знак, Слоган

Основное Меню

Рекламный блок, новости сайта, режим работы

Техническая информация

 

пример:

                         

 

c\     Разделы, Подразделы, Конечные страницы

 

Имиджевые иллюстрации, Слоган, Рекламный блок

Лого, Знак, Основное Меню

Контекстное Меню II

контент

Навигационное Меню, Пиктограммы

Техническая информация

 

пример:

                        

 

 

c\     Формы

 

Лого, Знак, Основное Меню

Имиджевые иллюстрации, Слоган, Рекламный блок

Контекстное Меню II, Пояснения к заполнению формы

форма

Навигационное Меню, Пиктограммы

Техническая информация

 

пример:

                        

 

 

 

III. НАВИГАЦИЯ

 

1.    Навигация.

Распределяем ссылки:

Основное Меню (ОМ), акцентированное на Разделах Услуг

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

        Контекстное Меню I, выпадающее при фокусировании над пунктами ОМ и НМ,

                                       и раскрывающее ссылки всего Раздела

        Контекстное Меню II, отображаемое на страницах-заставках Разделов (навигация Раздела)

и страницах со сложной структурой

        Пиктограммы, для «быстрой» навигации и доступа к стандартным формам

 

a\     Основное Меню:

Разделы направлений и услуг (до 5) | О клинике | Новости | Контакты

b\     Навигационное меню:

         | Карта сайта | Разделы направлений и услуг | Статьи и Словарь | Обратная связь |

c\     Пиктограммы:

        на Главную (Домой) – Скорая помощь – Карта сайта – on-line Консультация – написать Письмо

 

примеры:

                        

                                           | Карта сайта | Разделы направлений и услуг | Статьи и Словарь | Обратная связь |

 

IV. СТРУКТУРА

 

1. Разделы сайта (Карта сайта)

 

a\     Разделы направлений и услуг

 

Основные, списком:

Профилактика

Лечение

Протезирование

Детская и семейная стоматология

 

О Клинике

Новости

Контакты

 

Консультации, статьи

Скорая помощь

 

Задать вопрос специалисту

Книга отзывов

 

Словарь

 

Техническая информация

 

* Основные Разделы (постоянно в меню)

** Подразделы ( Контекстное Меню I )

*** Подразделы ( Контекстное Меню II )

 

                * Профилактика

** Обследование

                        ** Гигиена

                        ** Коррекция

** Эстетика

*** Отбеливание зубов

 

                * Лечение

** Эндодонтическое лечение

** Ортодонтия

** Пародонтология

** Удаление зубов

** Восстановление зубов

*** Кариозных полостей

*** Лечебные прокладки

*** Лечение пульпита

 

                * Протезирование

** ортопедическая стоматология                     

                        ** Пломбирование

                        ** Имплантация

*** Реставрация и Восстановление

 

** Рентгеновское исследование

*** Ортопантомограф

*** панорамный снимок

 

                * Детская и семейная стоматология

** Первый раз

** Исправление прикуса

*** вестибулярная пластинка

*** Предортодонтический трэйнер

 

b\     Информация о клинике Элит-Дент

 

* О Клинике

** История

** Миссия

*** Сертификация

*** Публикации о клинике

 

** Режим работы

** Адрес, телефоны

** Схема проезда, парковка

 

* Новости

** Реклама, ** акции

 

                ** Специалисты Клиники

*** Заведующий

*** Терапевт

*** Хирург

*** Ортодонт

*** Пародонтолог

 

                * Контакты

** Режим работы

** Адрес, телефоны

** Схема проезда, парковка

** Почта

                        ** On-line – консультант, icq

 

c\     Консультации, статьи, обратная связь

 

                ** Скорая помощь

Боль

 

                * Статьи

** Как приготовиться к приёму у врача

** Молочные зубы и постоянные

** Памятки и Рекомендации

** Цвет при композитных реставрациях

 

                ** On-line консультация

Время (режим) присутствия консультанта

Статус

Форма

 

                ** Написать письмо

Задать вопрос специалисту

Книга отзывов (модерируемая)

 

d\     Разное. Информация, полезная для посетителей

 

                * Словарь

 

** Методики:

одноразовые расходные материалы

стерильные инструменты

контроль апекслокатора и рентгенологический

антисептическая обработка

методы Латеральной, вертикальной конденсации

система термафил

 

** Технологии в стоматологии:

Депульпирование

Пломбирование

Обточка зубов

Пришлифовывание зубов

Шинирование

Замещение дефектов

Иммобилизация

Препарирование зубов

Протезирование

Имплантация

 

** Материалы:

керамеры

фарфор (стеклокерамика, оксид циркония)

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

керамика на золотых сплавах

 

Биосовместимость

 

** Ортопедические конструкции:

Металлокерамика

безметалловая керамика

коронки, вкладки

штифтовые конструкции, виниры

мостовидные протезы

съемные протезы

Бюгельное протезирование:

на кламмерах

аттачмены

телескопическая система фиксации

                       

** Заболевания:

Зубная боль

 

Аллергии

Пульпит

Пародонтит

Кариес

Периодонтиты

костные карманы

воспаление дёсен

Челюстно-лицевые аномалии и деформации

Осложнения

 

d\     Техническая информация

 

Авторское право

Дата

Разработчик, Поддержка

счётчики

 

 

V. ПРЕДЛОЖЕНИЯ

 

1. Заполнения сайта информацией.

 

a\     Заказчик редактирует список разделов и подразделов сайта, п. IV.

 

b\     Отобранные заказчиком Разделы и подразделы сайта

заполняются текстовыми и иллюстративными материалами,

на основе переданных Исполнителю файлов:

тексты *.doc, *.rtf

иллюстрации – в любом формате

 

c\     Сбор, корректировка и размещение материалов:

Текстовая часть:

Поиск и отбор текстов статей – производит Заказчик,

возможно привлечение к сбору Исполнителя, под руководством Заказчика.

Иллюстративная часть:

аналогично Текстовой части, оптимизация производится Исполнителем.

 

d\     Размещение материалов в Разделах, предварительное тестирование

Производится Исполнителем.

 

 

 

Приложения:

 

1. Техническое задание на производство сайта

2. Анализ тематических сайтов, Рунет

3. Образцы, примеры сайтов о стоматологии

4. Эскизы дизайна и ре-дизайна для утверждения

5. Варианты доменного имени и площадок для размещения

 

Группа разработчиков:

Игорь Комаров – координатор, кодинг, хостинг

Антон Барк – дизайн, кондинг, контент

Алексей Володин - програмирование

 

 

О Т Ч Ё Т

 

Первая встреча 21.06.2006

Договорённости:

Принимаем в работу сайт, варианты ре-дизайна Лого и Знака,

помогаем с запуском программы управления,

помогаем с компьютерами (покупка)

 

Готов первый вариант дизайна 09.07.2006

www.ca0.ru/work/elit-dent123.gif

www.ca0.ru/work/elit-dent124.gif

www.ca0.ru/work/elit-dent1s2.gif

 

Готовы варианты ре-дизайна 18.07.2006

http://antonybark.ru/work/elit-dent-style.swf

 

Материалы 18.07.2006

http://antonybark.ru/work/indexed.html