Определить структуру и примерный макет сайта

[Anffaloff]

Забуксовал я на следующем моменте: мечусь с выбором и представлением sibir.by Нужно подобрать и утвердить макет и структуру, чтобы я начал разбираться а как это собственно сверстать. Если делать все по уму, то у нас должно быть два образно говоря "сайта": 1) лэндинг https://ru.wikipedia.org/wiki/%D0%A6%D0%B5%D0%BB%D0%B5%D0%B2%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0

https://ktonanovenkogo.ru/seo/smo/prodvigatsya-socsetyax-12-sovetov-sozdaniyu-lendinga-posadochnoj-stranicy.html

2) Сам сайт sibir.by

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

Вот пару сайтов с бесплатными макетами (хотя нам не так точный макет нужен, как просто образ):

http://tpverstak.ru/free-psd-website-templates/

http://tpverstak.ru/psd-grid-css/

http://psd-html-css.ru Обсуждение и идеи давай пробовать собирать в этой теме. А итоговые результаты я буду помещать во вкладочку Wiki нашего репозитория

[zi3003]

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

1. (это моё ИМХО) мне навятся продажные сайты где информация сразу понятна. Вот товар вот его характеристики и цена. Без всякой лишней информации. Конкретно витрина этакая. Без замусоривания сайта всякой хернёй, типа умных статей. Человек попав на сайт сразу должен понимать что мы продаём и быстро найти товар который ему надо, обязательно с ценой! (ненавижу сайты где нет цены на товар, и не один я такой) и краткими но ёмкими характеристиками обязательно с фото его с разных ракурсов. Сайт должен быть рассчитан на простого пользователя (этого усреднённого заведующего магазином), чтобы сразу было понятно что где.
2. Обязательно должна быть мобильная версия и версия для планшетов Чтобы сайт переходил автоматически на тот формат устройства на котором его открыли и работал на нём быстро, а это значит что не должно быть на нём какой-то тяжелой анимации которая грузит систему.

Как-то так в 2х словах

[zi3003]

Есть у меня одна мысль, может быть интересная. Обдумаю. Вечерком постараюсь донести.

[Anffaloff]

Мы оптовый поставщик. Промежуточный клиент: розничные точки, конечный клиент: все люди этой планеты, включая ЗОЖ веганов и прочую петушню). Чтобы вызвать интерес у конечного потребителя и стимулировать закупки нашей продукции розничными торгашами необходимо хорошенько эту самую продукцию прорекламировать. Начнем с сайта, на сегодняшний день - это фундамент рекламы и продвижения продукта. Да и без сайта в наше время нас в бизнесе считай, что нету.

1. Содержание сайта: шапка: инфа о нас, тело: фото товара, описание товара (а вот про цену пока не согласен, пусть розница сама устанавливает цену), подвал: инфа от партнерах, т.е. где наш продукт можно купить. Между шапкой и телом можно еще слайдер установить с рандомным товаром, всякими предложениями, типа "приглашаем магазины к сотрудничеству" Но у нас задача № 1 - утвердить начальный каркас, а модифицировать сайт мы будем постоянно, на протяжении всего бизнеса. Я поэтому и хочу написать сайт своими руками, не связываться со всякими конструкторами и фирмами: у нас должна быть возможность вносить изменения в любой момент и ни от кого в этом вопросе не зависеть. Да и в будущих бизнесах умение запилить сайт дорогого стоит

2. Mobile first - https://geniusmarketing.me/lab/vse-o-mobile-first-ili-kak-ne-poteryat-pozicii-v-google-v-2018-2019-godu/ , без этого считай, что сайта просто нет

[Anffaloff]

Изучаю макеты, буду выкладывать то, что понравилось. Обращаю внимание, что не стоит рассматривать весь сайт как точный макет. Это варианты, которые можно частично использовать в sibir.by 1) Вот тут мне нравится вот это момент:

https://www.reallywellmade.co.uk/?currency=EUR

2) Здесь в целом неплохое направление, только карточки товара отпугивают, но это все стилями чинится. Каркас хороший:

https://www.wijnenzo.be/

3) И здесь в целом неплохое направление, только карточки товара отпугивают, но это все стилями чинится. Каркас хороший:

https://matrasi.by/

[Anffaloff]

Набросал базисную структурку sibir.by:

Макет доступен тебе по ссылке:

https://drive.google.com/file/d/1BYAgJd04Yx3lybQScuG1r8wdvIItY6Aq/view?usp=sharing

Макет интерактивный, сразу открывается в онлайн-инструменте, который позволяет редактировать и комментировать (что приветствуется)

[zi3003]

Вот итересная реализация. Привлекла меня своей простотой. И интуитивно понятно. Не надо листать целые простыни вниз https://taiga-sibiri.ru/ https://zhivo-dar.ru/

[zi3003]

А это так, привлекло чем-то. Но, вот листать простынь целую вниз, конкретно я не очень люблю https://siberiangifts.ru/ https://siberianland.ru/ https://sibereco.com/

[zi3003]

Прикольно реализован сайт напитков, который тебе понравился грушевый (хоть и простыня https://napitki-altay.ru/

[zi3003]

это вот тоже чем-то привлекли (похожи) http://pk-ecovit.ru/ https://tzro.ru/

[zi3003]

А этот привлёк простотой и нахождением меню слева. Реализован интересно https://medovik-altay.ru/

[zi3003]

Я должен быть снова тута!

[Anffaloff]

Спасибо за примеры сайтов, вот какие мысли. 1,2) Интересно, но нужны затраты на разработку макета: 3) Этот сильно перезагружен, но присутствуют атмосферные для Сибири цвета: https://siberiangifts.ru/ 4) Вот что-то похожее можно делать, тут не нужны будут затраты на дизайн иконок. Только внешне поприятней сделать: https://siberianland.ru/ 5) Тут отлично и современно сделаны карточки продуктов (аналог иконкам, а затраты на дизайнера не нужны) https://sibereco.com/ 6) Заточен под производителя, не совсем стиль нам подходит: https://napitki-altay.ru/ 7) Очень грамотно технически реализовано: http://pk-ecovit.ru/ 8) Несколько приемов можно взять на пример, но в целом впечатление отталкивающее https://tzro.ru/ 9) Эти в один адрес впихнули илэндинг и сайт, так делать нельзя, с количеством информации перебор. Лэндинг: Сам сайт:

[Anffaloff]

Подытожим: буду пробовать в плиточном варианте делать структуру сайта, делая уклон на мобилки. Структуру закончим, будет что показать потенциальному поставщику. Стили и контент накидаем, когда они будет. Я сосредотачиваюсь над т.н. "движком" сайта, все содержимое, чтобы меня это не задерживало, буду заполнять заглушками: случайные картинки, случайный текст. Ты смотришь как сайт растет, подкидываешь идеи, тестируешь (когда до этого дойдем). То, что можно делать уже, параллельно написанию кода сейчас вынесу в отдельные задачи.

[Anffaloff]

Вариант сайта, показывающий примеры структур: https://www.pinterest.com/search/pins/?q=web%20store&rs=typed&term_meta[]=web%7Ctyped&term_meta[]=store%7Ctyped