Awwwards
 
 
 
 
 

Modello

Modello - header

Тип на проекта:

Корпоративен Уебсайт

Извършени услуги:

Уеб Дизайн,
Брандинг подобрения

Клиент:

Modello е инструмент за виртуална реалност, който ви помага да създадете персонализирана визуализация на интериор или архитектурен проект. Той позволява на аудиторията напълно да преживее визуализацията на проекта, сякаш наистина пръсъства там. Потребителите могат да видят всичко - от уютните детайли на новия си луксозен апартамент до насладата от спиращите дъха гледки от покрива на небостъргач. Клиентът се нуждаеше от корпоративен уеб дизайн и актуализации на брандирането.

ВИЖ ОНЛАЙН

Цели на проекта

Марката вече имаше лого и начална креативна насока от клиента, така че проектът започна с подготовката на Stylescape и избора на подходящи шрифтове (Poppins за заглавията и Монсерат за основния текст). След обсъждане с клиента стигнахме до извода, че усещането за уебдизайн трябва да бъде минималистично, чисто и архитектурно. Работата ми включваше изготвяне на цветова палитра и подобряване на златните нюанси, така че да контрастират добре както на тъмни, така и на светли фонове. Също така заедно с клиента, отделихме време за да изберем подходящите снимки за сайта в крайните етапи на процеса на проектиране.

Следващият етап бе Wireframing , така че клиентът да може да визуализира и одобри оформлението на началната страница. Предизвикателството тук беше да се визуализира потенциалното употреба на продукта по компактен, но все пак интересен начин. Друго нещо, което трябваше да се вземе под внимание, беше преливащия преход между отделните секции по желание на клиента.

Проектът включваше и дизайн на вътрешна страница за съдържание, използвана за блогове или допълнителна информация, както и дизайн на визитни картички.

Modello Wireframes
01

Решенията

1 / 6
  • Modello Home Page

    Клиентът искаше дизайна на сайта ясно да показва, че този инструмент е за създаване на структури във виртуална реалност, затова те харесаха идеята ми за анимация на header изображението, което постепенно се превръща в технически чертеж, когато потребителите скролират надолу. Освен това включих и други елементи от техническите чертежи, като пуктирен прав ъгъл, правоъгълник и кръг на различни места във фона, за да се доближа до архитектурния стил на дизайна. Главната навигация бе фиксирана в горната част на екрана, така че лесно да се намери на такава дълга страница.

    Моето предложение за следващия раздел, описващ продукта, бешее да има видео, така че цялото потребителско преживяване да бъде още по-поглъщащо. Преливащите се участъци са постигнати чрез използване на снимки на визуализирани сгради или интериорни проекти, които са направени едноцветни и с прозрачност.

    Разделът за функционалностите включва икони с тънки линии, които се вписват добре в технически стил на рисуване. Аз също включих и изометрични линии за фон, които са друг добър символ за виртуалния свят.

    Разделът за предназначение на продукта е представен от правоъгълни кутии, които имат леко отместване, така че да се отличават от стандартната грид визия, давайки посланието, че с Modello всичко е възможно. Интеракцията по дизайн при преминаване с мишката над кутиите е да плъзне етикета на кутията отдолу нагоре и така да се отвори възможност за показване на допълнителен текст.

  • Modello Форма за контакти.

    Не искахме да имаме много дълга начална страница, но клиентът все пак държеше да има някаква форма за контакт. Така че решението тук беше да се покаже формата в pop-up прозорец, така че когато се използва от навигацията, тя може да се появи, без да променя позицията ви на скролиране, и едновременно да излиза на фокус.

  • Modello Текстова страница

    Страницата със съдържание беше проста. Разиграх възможните варианти типография, така че клиентът да може да вижда всички различни случаи на употреба за по-големи и по-малки заглавия, разположения за снимки, параграфи и др. Лявата навигация и breadcrumbs бяха също необходими за по-доброто навигиране на потребителите.

  • Modello Визитни картички

    Дизайна на визитните картички също включва снимката с wireframe на сграда, за да има консистентност в брандинга. Задната страна на картичките е семпла - тъмносиния бранд цвят за фон, логото в златния бранд цвят на марката и много кратък текст, разясняващ услугите на компанията.

Клиентски отзиви

Georgi is fantastic to work with! He is one of those rare artists, who can ‘read your mind’. He puts time and effort into learning about the brand he designs for, and it pays off. He really gets how each brand should look and feel like. You point the direction, he comes back with developed idea plus creative additions you wouldn’t have thought of! On top of that, he has great communication skills and work ethic.

Elena Dexter
CEO of AllBright Designs