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

Во время работы над проектом я решил следующие задачи:

- Создание нового фирменного стиля для портала
- Проектирование интерфейса и структуры сервиса
- Графическое оформление
- Создание эскизов страниц разделов сайта

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

Ключ от замка у каждого агента зарубежной

Что нужно порталу, предоставляющему такой серьезный сервис? Конечно удобный функционал!
Наверное, главным функциональным достоинством сайта является поисковая форма, выполненная ввиде специальной панели

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

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

Для загаловков основных разделов я нарисовал иконки

Дизайн сайта предлагаю посмотреть например кликнув на изображения заглавной и страницы объекта

Рабочие эскизы страниц основных разделов

Эскизы страниц личного кабинета

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

• главное меню теперь не сложно найти и нажимать на его пункты
• длинные списки лотов теперь визуально отделяются чередованием фоновых оттенков

Измениния так же немного затронули и дизайн:
• на сайте появилась всепоясняющая флеш-презентация
• про редизайн логотипа уже можно было прочесть ранее
• тяжелые красные заголовки новостей и виджета последней покупки заменены на яркие зеленые

..и это еще не полный список изменений, он пополняется

Оракул предсказывает будущее только особо одаренным навыками из списка

Каждый из списка у нас раскрывается

Специализации снабжены не только загадочными описаниями, но и тематическими картинками

Ввиду того, что воплощением своей идеи от дизайна до верстки я занимался самостоятельно, лучше насладиться работой как она есть перейдя на сайт компании. Ах, да.. Все время я часто консультировался по вопросам верстки с моим давним другом Костей П. Снабдил сайт необходимыми ява-скриптами программист Андрей.

новый:

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

Работу над сайтом я решил разделить, сделать её совместной со своим давним коллегой и товарищем Щекотовым Константином. Костя нарисовал по моей просьбе схему терминала во всех подробностях, на основе материалов, которые я смог ему предоставить онлайн. Ибо находимся мы с ним в разных городах.

Сам начал с логотипа

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

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

Перейдя по сслыке возникшей тогда же (при наведении на объект) в блоке сокращенного описания, вы попадаете на страницы подробного описания

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

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

Задачи:
1. Произвести редизайн логотипа.
2. Нарисовать стильный сайт, который продает программное обеспечение, но основной акцент сместить в сторону оказания услуг

Главная страница и авторизация

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

Для сайта мной были нарисованы иконки телефон и факс

Внутренние страницы разделов “о компании”, “услуги и продукция”, “контактная информация”
  

Вы можете кликнуть на картинку ниже для увеличения, а так же перейти на сайт leto2008.majordomo.ru

За время работы в команде Мажордомо мне довелось участвовать в проектировке удобного, стильного и полезного сервиса по хранению файлов. Я разрабатывал дизайн и интерфейс этого замечательного сервиса.

Почитать о нем в интернете:
Интернетные Штучки @ OnlineDisk: Интернетный диск для ваших файлов
Энциклопедия стартапов @ onlinedisk.ru - новый сервис для хранения файлов и изображений
WEBr @ В Рунете появился новый сервис хранения файлов
Webstan.ru @ onlinedisk.ru

Увеличить лицо сайта можно по клику:

Кратко, стрктура сервиса такова, что он имеет четкое разделение по типу данных на два вида: файлы и картинки. Тоесть помимо хостинга фалов, это еще и картиночный хостинг с поддержкой основных сетевых форматов.

Файлы и картинки:

Быстрая закачка осуществляется сразу с главной страницы двумя-тремя кликами. Все опции быстрой закачки минимальны и полезны, ими удобно управлять, и при желании можно не обращать внимания, так как по дефолту всё соответствует потребностям среднего пользователя. После закачки картинки, выдается 4 поля с embed-кодами для различных типов публикаций, какой-то из них вы совершенно точно сможете использовать в своих публикациях, на форумах, в блогах, журналах или сайтах. Так же на этой же странице изображена миниатюра, которая будет показана в вашей публикации в качестве ссылки на основное изображение. Размер миниатюры ни чем не ограничен, единственная особенность, что миниатюра всегда создается по дефолту так, как мы решили, что её наличие вряд ли кого-то может не радовать. Если пользователь знает, какой размер миниатюры ему нужен для публикации, он перед закачкой сможет задать верный размер, выбрав только лишь высоту или ширину, ресайз картинки осуществится пропорционально. А после закачки в реальном времени можно повернуть превью на 90 градусов в любом направлении, после нажатия соответствующей кнопки на странице сохранится необходимый угол расположения превью. Что касается закачки файлов, то в отличие от картинок на странице успешной закачки выдается ссылка для скачивания и добавляется еще одна возможность - защитить файл паролем.

Вращение осуществляется простым нажатием на стрелки расположенные над миниатюрой

Вращать можно сколько угодно в любые стороны

Это всё были вполне известные традиционные вещи, уже ранее используемые подобными ресурсами, разве что немного дополненные собственным видением смысла.

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

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

Ваш диск будет иметь возможность создавать там каталоги в один клик после введения имени в поле, а так же перемещать и удалять файлы 2-3 кликами при помощи простых и подобных действий. Достаточно выбрать в списке папку, и отмечанный файл переместится после нажатия соответствующей кнопки. Удаление делается точно так же, только папку вам выбирать не надо, так как корзина в списке стоит по умолчанию - все просто! Сами файлы и папки помечаны соответствующими иконками - вы никогда не ошибетесь.

Так выглядит мой диск:

Эта работа мне очень нравилась и я очень старался

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