Atelier M: двуезичен сайт за архитектурно студио
Изработихме двуезичния сайт на Atelier M с архитектурно портфолио, галерии, услуги и журнал. Индивидуален дизайн и лека статична структура на английски и български.
За архитектурно студио Atelier M Перфект Комп ЕООД изработи двуезичен сайт, който събира архитектура, интериорен дизайн и авторски проекти в последователно онлайн портфолио. Сайтът е достъпен на atelier-m.studio, с английски като основен език и пълна българска версия.
Изображението представя архитектурен макет от портфолиото на Atelier M. Архитектурните материали са на студиото; изработката на уебсайта е на Перфект Комп ЕООД.
Задачата: пространство за проектите и техния контекст
Архитектурното портфолио трябва да показва повече от красиви изображения. Посетителят трябва да разбере идеята на проекта, неговия вид и връзката му с работата на автора. За Atelier M организирахме съдържанието в отделни секции за проекти, услуги, студио, публикации и контакт.
Визуалната посока съчетава тъмнозелено, топли светли фонове и изразителна типография. Пространството между елементите и големите изображения дават предимство на архитектурните материали. Навигацията остава кратка и разбираема на телефон и настолен екран.
Какво реализирахме
- Индивидуален адаптивен дизайн за архитектурно и интериорно студио.
- Английска и българска версия с превключване към съответната страница на другия език.
- Портфолио с категории, самостоятелни проектни страници и галерии.
- Страници за архитектурни и интериорни услуги, 2D и 3D проектиране и визуализации.
- Представяне на студиото, авторска биография и журнал.
- Връзки за директен контакт по имейл и телефон.
- Домейн, HTTPS и публикуване в Docker среда с Nginx.
Подредено съдържание на два езика
Подготвихме 32 публични страници общо за двете езикови версии. Сред представените материали са Hanegi Park Library & Tea House, The Book Café и учебни разработки. Описанията разграничават концептуален проект, физически макет и участие, така че изображенията да се четат в правилния контекст.
Езиковият избор е достъпен в навигацията. Читателят, който разглежда конкретен проект на английски, може да премине към българския му вариант и да продължи от същото място в съдържанието.
Лека техническа основа
Избрахме статични HTML страници, CSS и малко JavaScript за навигацията, филтрирането и галериите. Публичният сайт се обслужва без база данни. Този подход е подходящ за представително портфолио, чийто основен материал са текстове и изображения, а редакциите се публикуват чрез отделен процес.
Снимките са с посочени размери, а изображенията под началния екран се зареждат отложено. Така техническата структура следва целта: посетителят да разглежда работата на студиото с възможно най-малко излишно натоварване.
SEO подготовка за международно портфолио
За публичните страници са подготвени канонични адреси, езикови обозначения hreflang за английски и български и XML карта на сайта. Структурата обвързва услугите с проектите и представянето на студиото. Това е техническата основа за индексиране; позиции в търсачките не се обещават.
Резултатът
Atelier M вече разполага със собствен двуезичен сайт, в който портфолиото, услугите и историята на студиото са част от общо визуално представяне. Структурата позволява добавяне на следващи проекти и публикации.
Повече за решенията зад подобно портфолио: сайт за архитектурно студио — портфолио, езици и техническа основа. За собствен проект разгледайте услугата ни за изработка на фирмени сайтове.
Имате подобен IT казус? Свържете се с Перфект Комп за консултация и практично решение.