15:25 07

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.work/elit-dent123.gif

www.work/elit-dent124.gif

www.work/elit-dent1s2.gif

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

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

Материалы 18.07.2006

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