ecom.design | Дизайн и разработка IT решений

Интеграция систем. Реализация комплексных IT проектов. Веб-дизайн и разработка сайтов. Дизайн логотипов. Проектирование баз данных. Реализация веб-сервисов

Возможности дизайна

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

Группа дизайна сформирована в нашей компании в начале 2014-го. Возросло число проектов, применяющих веб‑интерфейсы. Значительно обновились инструменты и технологии разработки веб-решений. А самое главное Интернет стал повседневным, массово доступным и незаметно переселился на мобильные платформы. Без внимания всё это решили не оставлять, плюс к веб‑дизайну традиционных IT проектов добавилось несколько проектов веб-сайтов. Такая вот предыстория.

Calc4.me Цветовое решение

CALC4.ME – сравнительно новый сервис онлайн калькуляторов и экспресс-расчётов. Разработан нашей командой. Реализация проекта стартовала 22 декабря, а 29 декабря 2014 года была запущена первая версия сайта. Если заинтересуют подробности, загляните в Блог проекта на сайте сервиса. Рекомендуем.

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

Для того, чтобы не отвлекать пользователя от процесса расчётов была выбрана черно-белая основа. Эксперименты со светлым фоном показали крайне слабый уровень узнаваемости нового сервиса. Поэтому остановились на инверсном шрифте на тёмном фоне. Обо всех аспектах такого решения рассчитываем подготовить подробный отчёт. А сейчас небольшая галерея калькуляторов проекта.

Calc4.meКалькулятор транспортного налога
Calc4.meБлог проекта
Calc4.meКалькулятор кредитных карт
Calc4.meКалькулятор вкладов
Calc4.meГлавная страница проекта
Calc4.meКалькулятор автокредита
Calc4.meКалькулятор кредита
Calc4.meКалькулятор ОСАГО
Calc4.meКалькулятор обоев

Адаптивный дизайн

Мы не предполагаем, что в мире, переполненном смартфонами и планшетами, компьютерами и прочими электронными девайсами (с провокационным названием гаджеты) есть люди, не слышавшие об адаптивном дизайне. Хотя может кто и не слышал, вот только наверняка пользовался. Это когда просматривал новости (или картинки, а может видео) на своём планшете или смартфоне вместо компьютера.

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

Будем надеяться, что к началу этого абзаца Вы уже присоединились к поддержке адаптивного дизайна. И у Вас возникают вопросы: как проверить является ли мой сайт образцом адаптивного дизайна или приверженцем "старой школы", а если нет, то что же делать? Или Вы только задумываетесь о новом сайте и просто хотите, чтобы он изначально был максимально адаптивным. Много говорить сейчас не будем – лучше взгляните на картинку.

Несколько вариантов одного и того же сайта на экране различных устройств (одного хорошо известного бренда). Разница в отображении заметна с первого взглада. Компоновка, шрифты, изображения – всё подчинено максимальной эргономичности взаимодействия с веб-сайтом на самых различных устройствах и платформах.

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

Amrusoft Разработка веб‑сайта

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

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

Разработка версий сайта проходила именно в такой очерёдности – от российской версии к международной. Это помогло сформировать информационную структуру сайта и затем преобразовать её к особенностям международного бизнеса компании. Далеко не вся информация в итоге попала на опубликованную версию сайта. Но в этом есть и положительный момент – потенциал развития – готов и ждёт своего часа.

Задачи дизайна оказались очень интересными и увлекательными для наших дизайнеров. В результате были разработаны новые элементы фирменного стиля, цветовые решения, дополняющие логотип и фирменную цветовую гамму. Об этом проекте (как и о многих других) мы готовы рассказывать часами, но пока побережём Ваше время. В дальнейшем было бы интересно подробнее рассказать об отдельных аспектах этой разработки и проекте в целом. Как познакомиться с результатом?

Посетить сайт amrusoft.com

Amrusoft Оформление соцсетей

Facebook

В фэйсбуке было проще. Почему? Возник этот аккаунт после твиттера. А для твиттера уже был создан Top Image, оставалось только немного его адаптировать по размерам. С аватаром поработать тоже пришлось, но фирменный знак Amrusoft очень хорошо подходит для этой цели и имеет хороший диапазон вариантов.

Twitter

Продвижение в социальные сети начиналось с него. Как и все современные социальные сети Твиттер предоставляет набор возможностей для персонификации аккаунта. Необходимый визуальный минимум – Top Image (или "перетяжка") и аватар. Аватар получили из логотипа, а перетяжку создали в виде комбинации слайдов веб-сайта и некоторых других изображений на тему корпоративных IT решений.

Возникает вопрос: почему о первом соцаккаунте говорится во втором пункте, а не в первом? Расскажем. (Но не сегодня.)

Веб-дизайн

Веб-дизайн постепенно оказался одним из обязательных элементов программы. Применение обычных и встроенных браузеров для формирования интерфейсов пользователя началось не сегодня. Но именно сегодня благодаря универсальности и широким возможностям таких интерфейсов они применяется во всё большем числе проектов.

Наше знакомство с веб-дизайном произошло ещё в прошлом веке. А в последнее время активно и применяем, и развиваем навыки и компетенции в этой сфере. Наверное, примеры некоторых наших работ лучше проиллюстрирует наши возможности и подходы. Отметим важное отличие – в связи с объёмной историей разработки IT проектов практикуем исключительно комплексный подход. Просто не умеем рассматривать веб-дизайн в отрыве от контекста, не заглядывать в будущее, не предусматривать механизмов развития. Всегда рады новым проектам и стремимся вносить оригинальные элементы в каждый проект.

Дизайн логотипов

По вопросу логотипов с превеликим удовольствием повторим, что: Обладание запоминающимся и оригинальным логотипом безусловно является позитивным фактором. Качественный фирменный знак повышает класс респектабельности компании, уровень доверия клиентов и, конечно, улучшает узнаваемость бренда. В современном мире заметно возросло количество кейсов применения логотипа: это и официальный веб-сайт, страницы партнёров (на сайтах бизнес-партнёров), различные профессиональные сообщества, каталоги выставок и продукции, презентационные материалы и тренд момента – социальные сети.

При всей кажущейся простоте многих логотипов процесс их разработки чрезвычайно сложен и ответственен. Фирменный знак, раработанный дизайнером будет на протяжении нескольких лет (а может и десятков лет) обозначать бренд. Удачный логотип может привести к развитию бренда, проникновению в новые сферы и территории. Неудачный, напротив, будет формировать неверные или отрицательные ассоциации. Качественная разработка логотипа это индивидуальный процесс. Сложный и увлекательный. Сложности понятны, в меру привычны. А перспективы создания удачного графического образа вдохновляют дизайн.

ecom1991 Веб‑сайт  1‑я версия

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

Самым важным было подчеркнуть ключевые основы предприятия: Технологии, Проекты, Сервисы. И это удалось удачно воплотить в минимальном формате сайта-визитки. Внимательный посетитель заглянет в Историю компании и узнает там немало интересного. Перед встречей несложно найти координаты офиса на карте 2ГИС. Этот сервис за много лет понравился миллионам пользователей и его картографию с удовольствием применяют компании из Новосибирска и всей России. Информация о направлениях деятельности сознательно представлена в краткой форме. Реальная работа по проектам IT систем требует тесного взаимодействия с заказчиками и партнёрами, глубокого погружения в тематику задач и, конечно, взаимного доверия. Вместе это составляет качественную основу успешных проектов.

Дизайн и разработка

Профессиональный опыт разработки IT систем. Анализ требований, архитектура решений, инструменты проектирования. Список навыков в сфере IT разработки не просто велик, а очень велик. Всего, наверное, и не перечислишь. Да и так ли это важно. Главное, чтобы проекты были успешны.

И, конечно, дизайн во всём его многообразии в процессах разработки.

Проектирование баз данных

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

Наши специалисты обладают практическим опытом работы с большим числом различных СУБД. В проектах с нашим участием применялись самые различные методы и технологии обработки данных. Идёт ли речь о комплексном проекте, разработке компонентов или интеграционном слое – в той или иной форме потребуется взаимодействие с данными. Современный интерфейс пользователя с его многочисленными настройками уже содержит в себе десятки параметров, которые где-то необходимо хранить, извлекать и сохранять при изменениях. Зайдите на любой сайт и Ваш браузер и системы трекинга мгновенно отреагируют на Ваши действия потоками данных.

Обработка данных быстро развивается и требует пристального внимания. Всем необходима безопасная и эффективная работа с данными и мы поддерживаем этот подход.

Интеграция систем

Когда систем становится много или очень много...

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

Последние пять-восемь лет специализируемся на участии в интеграционных проектах или применяем элементы интеграции в традиционных проектах разработки. Впрочем, в предыдущее 20 лет до этого занимались тем же самым только в меньшем масштабе систем. Сегодня это системы федерального уровня и корпоративные системы международных бизнес-групп. Интеграционные сервисы, проекты интеграции, слой интеграции, интеграция интерфейсов – слово "интеграция" встречается чаще слова "проект". Очень интересное и захватывающее направление.

Финишная полировка

Итальянский мастер изготавливает мебель. В мастерской автотюнинга готовят автомобиль после рестайлинга. Лучи рассвета отбрасывают блики на корпусе новой яхты. В ультра-современном технологическом центре собирают космический спутник.

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

ecom.design Концепт иконки

На первый взгляд всё просто. Но так ли всё просто?

Пунктирный контур окружности на клетчатом фоне - ассоциация с процессом проектирования. Чёрный фон может напоминать экран монитора (или планшета). Но Вы обратили внимание на точку совмещения линии радиуса и пунктира? Может быть заметили контуры буквы "e"? Если да, то очень приятно! Радует, что зашифрованное графическое послание было успешно расшифровано.

ecom.design Концепция сайта

Основы

Нет ничего проще создания сайта для дизайнера. Делайте на таком сайте всё что пожелаете.

Нет ничего сложнее создания сайта для дизайнера. По каждому его элементу будут судить о качествах дизайнера.

Для начала мы запланировали создать веб-сайт с лаконичным дизайном и предельно простой навигацией – немного express и чуточку stylish.

Старт

В итоге вся информация стартовой версии преобразовалась в одну страницу. А нет! В две страницы – english & russian. Но информ-блоков немало на этой странице. Со временем будет больше. И страниц тоже.

Контакты

Простой вариант контактов

inbox@ecom.design

project@ecom.design

Развитие

Структура информации очередных версий сайта проработана. Работаем над подробными описаниями различных аспектов дизайна в нашей практике. Искренне верим, что лучшее из наших планов будет реализовано и реализовано в точном соответствии с планом. Хотя нет, не совсем так. Может оказаться реализовано даже лучше чем планировалось.

Условия использования

Материалы сайта представлены в информационных целях для краткого ознакомления или подробного изучения. Информация применяется пользователями сайта в состоянии as is («как есть») и не подразумевает явных или предполагаемых гарантий полноты и абсолютной точности. При использовании сайта пользователи принимают на себя все возможные риски этого процесса.

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