Guideman — путеводитель по избранной мужской атрибутике

    Почти три месяца назад мы запустили новое интернет-издание для мужчин, аналогичное западному проекту Uncrate, в котором пробуем освещать интереснейшие новинки — гаджеты, часы, автомобили, мотоциклы, фото- и видеотехнику, кинофильмы, игры и многое другое. Начав с альфа-версии, в которой был лишь поверхностный функционал, мы продумали дальнейший функционал, завоевали место в сердцах лояльных пользователей и, наконец, запустили освеженную версию, озаглавленную бетой.

    Во избежание неверной реакции хочу добавить, что мы ничего не продаем — мы размещаем ссылки на интернет-магазины, который либо базируются в России, либо занимаются международной доставкой.

    Guideman

    Идеология

    В мире существует множество печатных изданий, в том числе глянцевых, и веб-сайтов, ориентированных на мужскую аудиторию и размещающих на своих страницах рекламу разнообразных продуктов. Такая реклама далеко не всегда полезна — не каждый производитель, имеющий большие рекламные бюджеты, создает стоящие внимания товары. Мы же пишем только о том, что нравится нам зрительно, функционально и духовно.

    Формат

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

    Полезный функционал

    На данный момент мы запустили регистрацию, комментирование и систему «лайков». Нажимая на кнопку «Мне нравится» пользователь добавляет определенный товар в свое «Избранное», которое вскоре будет доступно в открытых профилях. Благодаря такой выборке любой близкий человек может узнать, что Вам приглянулось из свежайших новинок и не гадать, что же вручить Вам в качестве подарка на ближайшее праздненство.

    Немного о технической части

    Проект размещен на сервере компании MakeIdea, располагающемся в одном из датацентров компании telefonet.ru

    Сайт написан на Perl, база данных — PostgreSQL, фронтэнд — Nginx, бекэнд — Apache + mod_perl, шаблонизатор — Mason, файловое хранилище — Nginx + WebDAV, платформа — наша собственная разработка.

    Верстаем на HTML5, используем свой вариант разметки, основанный на яндексовских «Независимых блоках» (спасибо Харисову за это ;-)). JS-фреймворк, работающий в связке с jQuery, постарались сделать объектно-ориентированным и завязанным на data- атрибуты.

    Такая верстка спасает нас от множества проблем — даже при реализации переключателя «списком/сеткой» нам не пришлось почти ничего изменять — достаточным оказалось добавление дополнительного модифицирующего родительского класса. Мобильная версия также очень легко организуется благодаря универсальности кода.

    Большинство функций будет переведено на AJAX для работы без перезагрузки страницы и оптимизации трафика.

    Весь интерфейс отрисовывается в дизайн-бюро Indentium.

    Милости просим — http://guideman.ru.

    В ближайших планах:
    • Авторизация через Facebook.
    • Профили пользователей.
    • Рейтинги товаров.
    • Наличие нескольких медиа-объектов в товаре (фото/видео).
    • Песочница для добавления товаров пользователями.
    • Рубрика с иллюстрированными статьями о жизни — «Как погладить рубашку без утюга» или «Миллион способов завязать галстук».
    Поделиться публикацией

    Комментарии 67

      +3
      Дорогие жители Хабрахабра, я с радостью отвечу на все ваши вопросы по проекту, выслушаю конструктивную критику и, честно, надеюсь на доброжелательность — мы никому не хотим ничего навязать, просто пытаемся сделать что-то полезное.
        +13
        Цена $ 250,000

        В странах бывшего СССР запятая является десятичным знаком, а для разделения групп разрядов используется пробел.
          –3
          Разделители в ценах используются нативные — пробелы в рублях, запятые в долларах и точки в евро. Также знак валюты в рублях и евро расположен справа, а в долларах — слева.
            +3
            Вот я и говорю, что это неправильно. Это должно зависеть от включенной локали. Не знаю, на чем у вас сайт, но все современные фреймворки успешно решают проблему правильного отображения валют в зависимости от выбраного языка, либо локали пользователя.

            А у вас 3 разных типа отображения.
              0
              Подумаем, как решить этот вопрос с наименьшими потерями. Спасибо большое!
            +1
            Обновили отображение стоимостей, спасибо.
            +3
            Пока что вижу в статье только «мы мужской онлайн-журнал».

            Что хотел бы увидеть:
            1. Где хоститесь/ домен покупали;
            2. На чем сайт написали;
            3. Какие решения использовали;
            4. С какими трудностями столкнулись;
            5. Как организовали переключатель «списком/сеткой»;
            6. Как оптимизировали сайт;
            7. История создания дизайна;
            8. Действующие лица…

            То есть чего-то именно для Хабра.
              +1
              Пригласил в комментарии нашего технического директора, он отпишет по программной части.

              Могу рассказать про верстку — пишем на HTML5, используем свой вариант разметки, основанный на яндексовских «Независимых блоках». JS-фреймворк, работающий в связке с jQuery, постарались сделать объектно-ориентированным и завязанным на data- атрибуты.

              Такая верстка спасает нас от множества проблем — даже при реализации переключателя «списком/сеткой» нам не пришлось почти ничего изменять — достаточным оказалось добавление дополнительного модифицирующего родительского класса. Мобильная версия также очень легко организуется благодаря универсальности кода.

              По поводу AJAX — пока не успели все перевести на AJAX, но большинство функций будет отрабатывать без перезагрузки страницы и с оптимизацией трафика.
                +1
                Что могу вкратце сказать по вашим вопросам:

                1. Проект размещен на сервере компании makeidea, а сервер размещен в одном из датацентров компании telefonet.ru

                2 и 3 Сайт написан на perl, база данных — postgresql, фронтэнд — nginx, бекэнд — apache+mod_perl, шаблонизатор — mason, файловое хранилище — nginx+WebDAV, платформа — наша собственная разработка

                4. Основная трудность — поиск времени для реализации проекта:-)
                0
                Нету OpenID.
                  0
                  Обязательно будет, как и Facebook-авторизация.
                    +11
                    Почему не utf-8, а windows-1251?
                      0
                      Историческая особенность платформы. Планируем переехать на UTF-8.
                  +1
                  Вам бы ещё теги добавить :) например я смотрю раздел «стиль» и там много всего, а меня скажем интересует конкретно одежда. Кроме как листать кучу страниц вариантов найти то, что мне нужно, кажется нет)
                    0
                    Подразделы будут, будет конкретнее все.
                    +1
                    Отличная концепция. Выбираю часы)
                      –1
                      Копаюсь дальше — хочу ВСЁ!!! Концепция трендовая вообще я кайфую
                      +1
                      Теги совершенно не в кассу. Почему на фотоаппаратах, часах, музыкальных инструментах один тег «Техно»?
                        0
                        Это не теги, а привязки к рубрикам. Собственно, с появлением подразделов у этих рубрик все станет очевиднее.
                        +1
                        uncrate солидней как-то. У вас одни айпады и тачки…
                          0
                          Пошел регистрироваться. Ругнулось на пароль: «Пароль обязан состоять из 6-50 символов. Запрещены пробелы» Пароль был 3VobGkKg<2)gjf пробелов в нем не наблюдаю, символов тоже, вроде хватает. В общем подивился и ушел с сайта.
                            0
                            Извиняемся, знаки «<» и «>» не входили в список разрешенных. Обновим ошибку выдаваемую обязательно. Спасибо за багрепорт.
                              0
                              Какая разница какие символы, или вы храните не хэш?!
                                0
                                Храним хэш. Думается мне, в Яндексе тоже хранят хэш, а разрешают использовать в паролях лишь часть символов:! @ # $ % ^ & * ( ) _ — +:;,.
                                  +2
                                  По-моему, это как-то связано с тем, что допускается использовать только те символы, у которых коды одинаковые во всех основных кодировках. Хэш то от, вроде бы, одной и той же строки в разных кодировках разный.
                              0
                              Приятно читать, спасибо. Единственное замечание: Porsche Panamera GTS или Harry Winston Opus Eleven за 250k это конечно отлично, но хотелось бы побольше вещей которые можно купить: книги, интересные приложения, сервисы, небольшие гаджеты. Поделюсь ссылкой, но думаю вы там были esquire.ru/stuff. Удачи.
                                0
                                Спасибо за положительный отклик. Мы не ориентируемся на ценник при отборе товаров, поэтому у нас, в большей массе, вполне доступные атрибуты присутствуют. Раздел «Вещи» на Esquire появился за пару дней до нашего открытия — идеи ведь витают в воздухе ;-)
                                  +4
                                  Хотелось бы, чтобы этих вещей побольше было, мне конечно интересно почитать, что где-то выпустили часы, стрелки которых были отлиты моделями FHM на борту МКС из золота полученного с переплавки короны королевы Виктории за 999 миллионов фунтов, но когда таких вещей 60% страницы, желание читать дальше как-то пропадает.
                                  +1
                                  И в догонку:
                                  1) Регистрация. Зачем? Профиля я своего не вижу, заполнять ничего не надо, где посмотреть свои лайки? Получается я зарегистрировался и авторизовался для того, чтобы "Выйти"?
                                  2) После регистрации пришло сразу 2 письма: в первом мой пароль в открытом виде, не хорошо, во втором ссылка на активацию, а сразу в одно не помещалось? В общем, глупо как-то.
                                  3) Выставил "Сеткой", к адресу добавилось grid, а при отображении списком ничего не добавляется, что за дискриминация? Храните где-нибудь мой выбор. Почему? См. пункт 4
                                  4) После выставления "Сеткой" перешел на страницу «О проекте», после этого нажал на логотип. Ба, опять списком.
                                    0
                                    1. Профиль будет в самое ближайшее время.
                                    2. Будет одно письмо, отсылку пароля в открытом виде, может быть, сделаем на выбор при регистрации.
                                    3 и 4. Спасибо, займемся.
                                      0
                                      Хорошо бы тогда иметь возможность по OpenID зайти, я, например, уже как-то начинаю отвыкать от того, что везде надо регистрироваться и в раздражении прохожу мимо, если не дают воспользоваться уже готовым аккаунтом Google или какой-нибудь социалочки на худой конец
                                      0
                                      По поводу списка-сетки — список это вариант по дефолту, а добавление /grid/ сделано для того, чтобы можно было отправить кому-либо прямую ссылку. Собственно, ссылка без /grid/ открывает обычное отображение списком.
                                        0
                                        Это понятно, но посмотрите как сделано на хабре, по-умолчанию показывается… в общем что-то одно показывается (хабр, такой хабр), при нажатии например на «Корпоративные» при следующем заходе будут показываться именно они, без добавления чего-либо к адресу.
                                          0
                                          Вижу, как сделано на Хабре. Сохранять в cookie не проблема, но вот главная страница Хабра для каждого пользователя своя получается… Скорее всего, мы сделаем симбиоз урла и cookie, чтобы не было багов при переходе по страницам.
                                        –1
                                        я не из разрабов топик стартера но меня заинтересовал комент а в чем зло что пароль приходит в письме в открытом виде? можете по подробнее мысль развернуть?
                                      +3
                                      У вас в RSS картинки не отображаются, а идут ссылкой. Неприкольно.
                                        +1
                                        Мерси. Поправили.
                                        +1
                                        Рекламный блок справа на 3 пикселя выше основного блока и граница у него потолще, немного режет глаза.
                                          0
                                          Спасибо за помощь. Мы ссылки на социальные сети уберем и разместим справа блок рейтинга.
                                          0
                                          было бы классно видеть не только рендер, но и реальные фотки
                                            0
                                            Это не всегда рендеры, большинство фотографий реальные. Обещаем сделать больше медиа-контента — фото и видео.
                                            0
                                            Я может скажу глупость, но по стилю подачи информации — это похоже на блог wordpress. Скажите в чем преимущество вашей системы? Не проще и быстрее было все тоже сделать из коробки на WP?
                                              0
                                              Программисты нашей партнерской компании MakeIdea разрабатывают высоконагруженные системы на Perl. Собственно, хабраэффект нас ничуть не свалил, несмотря на огромное количество запросов, а это о многом говорит.
                                                0
                                                Ясно. Скажите, нет ли у вас данных (хитов в секунду, посетителей в час, что-то другое), при превышении которых, какое бы ни было хорошее железо, но валится начинает сам Вордпрес? На наш взгляд ВП достаточно универсален и быстр. Например, наш сайт emmediciotto.by/ сделан на нем, и расположен на обычном виртуальном хостинге. Если сейчас хараэффект его свалит, то я буду глубоко шокирован. Мы никогда не сталкивались с падением ВП от нагрузки на локальных (не интернет-торговля) сайтах-каталогах.
                                                  0
                                                  Если есть возможность бесконечно увеличивать ресурсы сервера, на котором он работает, то проблем, конечно же, не будет:-)

                                                  А в реальности проект может упереться
                                              +2
                                              Спасибо! Обнаружил прикольные часы и отличную идею, которую смогу сделать сам и при этом полезно организовать свою коллекцию журналов!
                                                0
                                                Всё самое интересное купить нельзя :(
                                                  0
                                                  Мы находим интернет-магазины, доставляющие в Россию, или базирующиеся на территории РФ. Некоторые товары действительно не доставляются в нашу прекрасную страну, но если ситуация меняется, мы радостно обновляем ссылку.

                                                  Изменения по товарам, добавленным в «Избранное», будут сопровождаться оперативными изменениями.
                                                  0
                                                  Понравилось. Единственное что бы по дизайну и структуре отметил — добавил бы чуть скругленные углы у блоков ~6px. А еще не понравилось что блок рекламы тот который класс «b-advertisement» сверху хорошо. а вот внизу под собой оставляет пустую колонку занимающую почти 1/3 полезного пространства.
                                                    0
                                                    Правая колонка заполнится в самое ближайшее время. Спасибо за комментарий ;-)
                                                    0
                                                    Не отказался бы от приложения для мобильных ОС
                                                      0
                                                      Будет, готовим к релизу.
                                                      0
                                                      А есть ли еще подобные иностранные проекты освещающие подобные «штучки»?
                                                        0
                                                        Не помешала бы возможность фильтрации (в первую очередь для того, чтобы убрать многочисленные колонки для айфона).
                                                          +1
                                                          Еще бы категоризировать как-то, а то сначало Lamborghini а следом — средство для ухода за бородой.
                                                            +1
                                                            Ну, категоризация-то наличествует, можно выбрать одну из категорий (Стиль, Драйв, Техно и так далее) и просматривать исключительно её. Но интересней было бы видеть список категорий, в котором можно было бы снять галочки напротив неинтересных разделов, дабы они не показывались в общей ленте.
                                                              0
                                                              Да действительно есть, не заметил сначало.
                                                              Радует категория «провиант».
                                                                0
                                                                Эта функция тоже будет ;-)
                                                            +1
                                                            Вопросы:
                                                            1. Кто хозяин? инвестор? автор идеи?
                                                            2. Каким образом монетизируетесь?
                                                            3. Сколько времени шла разработка сайта, сколько народу было задействовано?

                                                            Замечание:
                                                            у вас нарушен важный принцип размещения текста, картинки и заголовка. Поэтому когда прокручивашь страницу, иногда трудно понять, к какому посту относится картинка. Правильнее была бы такая последовательность:
                                                            заголовок, рисунок, текст, а у вас рисунок, заголовок, текст.
                                                              0
                                                              1. Это совместный проект дизайн-бюро Indentium и компании MakeIdea, собственно, владельцами его являемся мы.
                                                              2. Пока никак не монетизируемся, проекту всего два с половиной месяца, но план монетизации без ущерба для пользователей есть.
                                                              3. На первичный запуск альфа-версии ушло где-то порядка месяца-полутора, включая отрисовку дизайна, верстку и разработку.

                                                              По поводу подачи контента — последовательность размещения элементов параллельна их «весу» (важности). Возможно, название когда-нибудь поднимется выше иллюстрации. Но сайт изначально не предназначался для беглого скроллинга и для объединения деталей одного атрибута были применены окружающие бордеры.
                                                                –1
                                                                Спасибо за ответы. Насчет того, что «изначально не предназначался для беглого скроллинг» — звучит немного странно. А для чего еще предназначаются подобные сайты кроме как беглого скроллинга, в процессе которого выявляются интересные статьи и уже потом идет чтение этих конкретных статей? Или вы считаете, что пользователи читают строго все подряд, при этом медленно прокручивая страницу?
                                                              0
                                                              Интересно, спасибо что сделали такой сервис.

                                                              То что заметил:
                                                              Может быть это у вас не финальная версия, но все равно заострю ваше внимание на вот этом screencast.com/t/2Y5A1IGsrHqB. С этим нужно что то делать! Спрайты, оптимизация количества запросов… :)

                                                              К самой верстке придираться не буду, так как не знаю условий поставленных верстальщику :). Отмечу только пару моментов. Как по мне достаточно много «оберток» в которых нет необходимости. И страдает семантика. Если вы уже решили использовать HTML5 то используйте все его семантические возможности.
                                                              И мне кажется вашему верстальщику будет полезно ознакомится с этими статьями
                                                              html5doctor.com/aside-revisited/
                                                              html5doctor.com/the-section-element/

                                                              Удачи вам!
                                                                0
                                                                На пару секунд после открытия виснет вся система, не только браузер, то есть не виснет а как бы замирает. Удивительно, а как же заявленная в сто-первый раз автономность процессов, устойчивость процессов, независимость задач?! Но это так, оффтоп.

                                                                А сайт у вас интересный :)
                                                                  0
                                                                  Я даже уже заказал кое что ))
                                                                    0
                                                                    Где OAuth… блеять!?
                                                                      0
                                                                      Обещали — сделаем.
                                                                        0
                                                                        Ну и?:( Я два года жду.

                                                                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.