projektowanie strony internetowej dla klubu fitness

Nazwa firmy: Corpus

Rodzaj działalności firmy: Klub fitness

Opis produktów/usług: Kursy, treningi, zajęcia sportowe

Kanały dystrybucji i geografia sprzedaży: Facebook, Herzlia - Izrael

Portret docelowej grupy odbiorców: ludzie pragnący treningów sportowych

Istniejące lub przewidywane pozycjonowanie:

Najbliżsi konkurenci: http://www.greengym.co.il   http://www.sportan.org.il

Główne przewagi konkurencyjne firmy/produktu/usługi: Miejsce, poziom sali, doskonałych trenerów

Rodzaj strony: 

• Korporacyjna
• strona w języku hebrajskim

Celem stworzenia strony jest: Stworzenie nowoczesnej, godnej strony, strona, która była robiona 15 lat temu, nie tylko mocno się zestarzała, ale także czasami się psuje i nie nadaje się do naprawy

Czy masz firmowy styl, logo?

Tak, są dwa propozycje logo, które zostały zatwierdzone,

tutaj załączam oba pliki. 

Ważne o logo: Można wybrać dowolne z dwóch logo, ten projekt, który wygra, to logo, które wybierzesz z zaproponowanych dwóch, to pozostanie dla strony i samego klubu fitness

Slogany charakteryzujące promowaną markę, produkt lub usługę:

Slogany będą tylko w sliderze, będą pisane osobno.

Preferencje dotyczące kolorystyki strony internetowej, życzenia dotyczące dekoracji i stylu:

Kolory są dobierane do logo.

Przewagi konkurencyjne, które należy/pożądane jest wykorzystać w projekcie:

Wideo slider na górze

Jakie informacje chcesz umieścić na stronie?

Rozkład zajęć

informacje o sali

Galeria

Artykuły - lista artykułów, a każda artykuł ma swoją stronę

lista trenerów

lista kursów

lista wiadomości

kontakt

Struktura strony - główne sekcje i podsekcje strony:

Wymagania i życzenia dotyczące nawigacji strony:

Na stronie są dwa typy menu, jedno w formie ikon,

drugie rozwija hamburger po kliknięciu i tam wszystko, co teraz jest na górze strony

Jakie informacje ze strony będą interesować odwiedzających w pierwszej kolejności: 

rozklad zajęć

informacje kontaktowe

Wymagania dotyczące obecności na stronie obiektów reklamowych (banery, logotypy partnerów, reklama itp.)

żadnej zewnętrznej reklamy na stronie nie będzie

Jakie strony Ci się podobają (2-4), co dokładnie w każdej się podoba (z punktu widzenia designu i użyteczności)? Podaj linki i komentarze.

• http://www.weddingorganization.co.il/ 
• http://www.b-house.co.il  - przykład dla bloku trenerów, można to zobaczyć na tej stronie
• http://www.realestate-development.co.il

Na tych stronach wszyscy mają zrealizowane 

• menu hamburgerowe
• tło ma również lekki scroll (paralaksa)
• w pierwszych dwóch jest realizacja ikon-menu

to tylko przykłady dla zrozumienia funkcjonowania strony

Na kolory opieramy się na logo

1. Główna

- menu (hamburger) w designie i układzie takie jak tutaj - http://www.b-house.co.il

- obszar slidera pod menu. Będzie zintegrowany plugin,

https://codecanyon.net/item/master-slider-wordpress-responsive-touch-slider/7467925

przykład slidera w działaniu można zobaczyć tutaj

http://marriage-proposals.co.il   nie na stronę, tylko na slider

 Zaznaczyć jego wysokość i szerokość - jakiś graficzny slider w designie trzeba pokazać, nie można pustym oknem wypełniać design

- następnie 5 ikon, trzeba je narysować. To są zakładki. Przy wyborze dowolnej z nich poniżej zmienia się treść. Przykład makiety w załączonych plikach. 

- Następnie lista trenerów. Przykład - 5 blok tego samego serwisu - http://www.b-house.co.il 

Po najechaniu taki sam efekt. Po kliknięciu na trenera, przechodzimy na osobną stronę trenera.(makieta gdzieś taka sama - http://www.b-house.co.il/יועצים/אליהו-אבוקרט/)

Po kliknięciu na przycisk pod trenerami, przechodzimy na ogólną stronę trenerów (struktura makiety w archiwum).

- Następnie formularz subskrypcyjny - wiadomość, że ktoś zostawił dane, jest wysyłana do administratorów na e-mail

- Karuzela zdjęć z tekstami (to kursy i każdy ma swoją stronę, jak i trenerzy, kursów jest 16 (kickboxing, pilates.. i inne)

- Karuzela z 3 tekstami

- Stopka (podłoga strony)

------------------------------------------------------------Wymiary---------------------------------------

Szerokość strony 1920px

Wysokość obszaru slidera 600px

na rozciąganie stron zwróć uwagę jak to jest zrobione na już wskazanych przykładach stron

-----------------------------------------------------------------------------------------------------------------

Dodatkowo: na stronie przykład - http://www.b-house.co.il/ - Jest tło z efektem paralaksa. To również trzeba uwzględnić w designie i w układzie.

404 - nie potrzebne! Będzie zwykła - ale pod design, aby odpowiadała

Strony wiadomości, artykułów, trenerów zwykłe - ogólna lista (miniatura + krótki tekst + czytaj dalej) z paginacją. 

Sama strona (post, artykuł..) - tytuł, obrazek, tekst

Wszystkie obrazy muszą być legalne i nie naruszać niczyich praw autorskich

Pracuję z

1. depositphotos.com

2. elements.envato.com - priorytet w użyciu

ale nie obchodzi mnie skąd są zdjęcia, ważne, aby prawa nie były naruszane.

Strona, która działa w tej chwili tutaj

http://www.corpus.co.il/

Stronę tworzymy pod wordpress

Dla konkursu wystarczy przedstawić projekt strony głównej

i jednej lub dwóch stron do wyboru

po zakończeniu konkursu trzeba będzie dokończyć projekt wszystkich stron serwisu

Название компании: Corpus

Род деятельности компании: Фитнес клуб

Описание продуктов/услуг: Курсы, тренировки, спортивные кружки

Каналы распространения и география продаж: фейсбук, Герцлия - Израиль

Портрет целевой аудитории: люди желающие спортивных тренировок

Существующее или предполагаемое позиционирование:

Ближайшие конкуренты: http://www.greengym.co.il   http://www.sportan.org.il

Основные конкурентные преимущества компании/продукта/услуги: Место, уровень зала, отличные тренера

Вид сайта: 

• Корпоративный
• сайт на иврите

Цель создания сайта: Сделать современный достойный сайт, сайт что сейчас делался 15 лет назад, он не только сильно усторил, а еще ломается иногда и починке не подлежит

Есть ли у вас фирменный стиль компании, логотип?

Да, есть два предложения логотипа, которые одобренны,

здесь прикладываю оба файла. 

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

Слоганы, характеризующие продвигаемый бренд, продукт или услугу:

Слоганы будут разве что в слайдере, их будут писать еще отдельно.

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

Гаммы подбираются под лого.

Конкурентные преимущества, которые необходимо/желательно использовать в дизайне:

Видео слайдер вверху

Какую информацию вы хотите разместить на сайте?

Расписание

информация о зале

Галерея

Статьи - список статей и у каждой стать своя страница

список тренеров

список курсов

список новостей

контакт

Структура сайта - основные разделы и подразделы сайта:

Требования и пожелания по навигации сайта:

В сайте есть два типа меню, одно в виде иконок,

другое расскрывает гамбургер при клике и там все то меня, что сейчас на сайте сверху

Какая информация с сайта будет интересовать посетителей в первую очередь: 

расписание занятий

контактная информация

Требования по присутствию на сайте рекламных объектов (баннеры, логотипы партнеров, реклама и т.п.)

никакой сторонней рекламы на сайте не будет

Какие сайты вам нравятся (2-4), что именно в каждом нравится (с точки зрения дизайна и удобства использования)? Укажите ссылки и комментарии.

• http://www.weddingorganization.co.il/ 
• http://www.b-house.co.il  - пример для блока тренеров, можно на этом сайте посмотреть
• http://www.realestate-development.co.il

На этих сайтах у всех реализовано 

• гамбургер меню
• бэкраунд фон имеет тоже легкий скролл (паралакс)
• на первых двух есть реализация иконок-меню

это примеры только для понимаю функционирования сайта

По цветам опираемся на логотип

1. Главная

- меню(бургер) по дизайну и верстке такое как сдесь - http://www.b-house.co.il

- область слайдера под меню. Будет интегрирован плагин,

https://codecanyon.net/item/master-slider-wordpress-responsive-touch-slider/7467925

пример слайдера в дейстивии можно посмотреть здесь

http://marriage-proposals.co.il   не на сайт, только на слайдер

 Отметить его высоту и ширину - какой-то графически слайдер на дизайне надо показать, непустым же окном заполнять дизайн

- далее 5 иконок, нужно прорисовать. Это табы. При выборе любого из них ниже меняется контент. Пример макета в прилагаемых файлах. 

- Далее идет список тренеров. Пример - 5й блок этого же сайта - http://www.b-house.co.il 

При наведении такойже еффект. При клике на тренера, попадаем на отдельную страницу тренера.(макет где-то такой же - http://www.b-house.co.il/יועצים/אליהו-אבוקרט/)

При клике на кнопку под тренерами, попадаем на общую страницу тренеров(структур макета в архиве).

- Далее форма подписки - сообщение что кто то оставил данные отправляется админам на имейл

- Карусель фото с текстами (это курсы и у каждого есть своя страница, как и у тренеров, курсов всего 16 (кикбокс, пилатес.. и др )

- Карусель их 3х текстов

- Футер(Подвал сайта)

------------------------------------------------------------Величины---------------------------------------

Ширина сайта 1920px

Высота области слайдера 600px

на растяжку сайтов обратите внимание как это сделано на уже указанных примерах сайтов

-----------------------------------------------------------------------------------------------------------------

Дополнительно: на сайте примере - http://www.b-house.co.il/ - Есть фон с эфектом паралакса. Это тоже нужно учесть и в дизайне и в верстке.

404 - не нужно! Будет обычная - но под дизайн чтоб соответствовала

Страницы новостей, статей, тренеров обычные - общий список(миниатюра + короткий текст + читать дальше) с пагинацией. 

Сама страница(запись, статья..) - название, картинка, текст

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

Я работаю с

1. depositphotos.com

2. elements.envato.com - приоритет в использовании

но мне все равно откуда картинки, главное что права не нарушались.

Сайт который работает в настаящее время здесь

http://www.corpus.co.il/

Сайт создаем под wordpress

Для конкурса достаточно предоставить дизайн главной страницы

и одной или двух страниц на выбор

по сдачи конкурса надо будет доделать дизайн всех страниц сайта