Николь Гавриллес училась программировать трудным путем: через поломки. Будучи подростком, она вела свой блог на Angelfire и постоянно меняла HTML-код, пока макет не начинал выглядеть так, как нужно. Если что-то не получалось, она не успокаивалась, пока не выясняла причину. Этот инстинкт — разбираться в коде изнутри, а не снаружи — привел ее к карьере продуктового дизайнера, где она теперь может работать плечом к плечу с инженерами и самостоятельно вносить правки в режиме реального времени.
Николь — ведущий продуктовый дизайнер в Squarespace, базирующаяся в Нью-Йорке, где она работает над продуктами компании в сфере веб-сайтов и электронной коммерции. Помимо Squarespace, с 2010 года она является продюсером и дизайнером One Magazine — некоммерческого журнала о моде, выходящего раз в два года и посвященного регенеративной моде, а также инвестициям в климатические и общественные проекты.
Мы задали ей 10 вопросов о ее философии дизайна и раннем интернете, который повлиял на нее, включая страницу MySpace, которую она одержимо кастомизировала, и сайт отеля, о котором она до сих пор вспоминает из-за его способности удивлять.
Взросление в сети и открытие дизайна
На каких сайтах вы проводили больше всего времени в детстве?
Я проводила много времени на Angelfire, размещая свои блоги, и в процессе училась программировать на HTML. Я брала готовые шаблоны, добавляла их на Angelfire и меняла код, чтобы настроить цвета, изображения или отступы. Это определенно стало одержимостью: когда я пыталась изменить код и все ломалось, я тратила столько времени, сколько нужно, чтобы понять, почему это произошло и как исправить. Помимо изучения веба в таком контексте, я тратила время на доведение до совершенства дизайна своего MySpace и писала подростковую ерунду в LiveJournal.
Что пробудило ваш интерес к дизайну?
Будучи дочерью аукциониста, я всегда была окружена предметами искусства ручной работы, поэтому знала, что хочу заниматься чем-то творческим. Игры с HTML в детстве стали первым знакомством с чем-то, что казалось сложным, но приносило удовлетворение при работе с ним. Однако в то время я не совсем понимала, что делаю и к чему это приведет.
В старших классах я изучала веб-дизайн и по выходным ходила на курсы фотографии, что привело меня на летнюю программу по графическому дизайну в RISD pre-college. Именно тогда я поняла, что графический дизайн — это то, чем я хочу заниматься, и с тех пор влюбилась в это ремесло.
Я считаю, что единственное, что осталось со мной после RISD pre-college, — это понимание того, насколько прекрасной может быть связь между изображением и текстом. А еще создание буклетов своими руками — то, что я до сих пор люблю делать.
Что сформировало ее философию дизайна
Глядя на сайты, которые вы назвали, какие конкретные дизайнерские решения нашли отражение в вашей собственной работе?
Смотреть нестандартно и видеть, что возможно. В своей работе я часто использую пользовательский CSS, и я черпаю это из того самого раннего опыта.
Понимание кода помогает при работе над новыми функциями в качестве продуктового дизайнера. Это помогает мне лучше сотрудничать с командой инженеров. Я могу читать код, быстро вносить правки и давать практические рекомендации. Мои детские попытки программирования определенно привели меня на тот путь, на котором я сейчас. Думаю, мне было суждено заниматься веб-дизайном с самого начала!
Есть ли старый сайт, влияние которого вы до сих пор видите в современном веб-дизайне?
Иногда я люблю просматривать Web Design Museum, чтобы вспомнить старые добрые времена. Мне нравится оглядываться на эволюцию сайта Apple и на то, сколько индивидуальности было у сайтов в начале 2010-х, когда я только начинала свою карьеру. Я была фанаткой Interview Magazine, и мое старое агентство дважды разрабатывало их сайт.
Создание хорошо спроектированного сайта
Вы когда-нибудь создавали сайт для себя или друга? Что вы об этом помните?
Да! Я люблю помогать друзьям с их сайтами. Я впервые начала пользоваться Squarespace в 2013 году для своего хобби, которое превратилось в побочный бизнес — One Magazine (он все еще на Squarespace), печатный и онлайн-журнал, посвященный регенеративной моде и инвестициям в климат и общество.
Со временем я стала помогать друзьям и семье превращать их небольшие идеи в полноценный бизнес, один из них — Pilates with Abs, а другой — мой давний фриланс-клиент Jillian Turecki. Squarespace стал для меня огромным ранним вдохновением. Дизайн на нем кажется игривым, и он постоянно подталкивает меня к тому, чтобы исследовать новые возможности. А эксперименты на Squarespace полностью возродили мою любовь к изучению программирования.
Если я начинаю создавать сайт, какие советы стоит иметь в виду?
Создайте мудборд — в Pinterest, Canva или просто распечатав изображения и сделав из них коллаж! Соберите идеи того, что вы ищете: фрагменты изображений, любимые сайты, шрифты и цвета.
Кроме того, первая версия, которую вы запустите, никогда не будет последней. Вы всегда можете продолжать итерации и обновления в процессе, поэтому никогда не зацикливайтесь в начале, думая, что все должно быть идеально к моменту первой публикации.
Вы проектируете сайты в Squarespace. Почему дизайн так важен для подхода компании к веб-сайтам?
Дизайн — это основа того, что мы делаем. При создании сайтов дизайн — это центр того, что делает сайт читабельным, игривым, соответствующим бренду, вызывающим доверие, позволяющим посетителям эмоционально подключиться или найти отклик, и, в конечном итоге, помогающим продавцам развивать свой бизнес.
Когда мы проектируем сайты для Squarespace, наш подход очень осознанный. Мы тратим часы на исследование и понимание того, что нравится и не нравится нашим клиентам, как они настраивают и организуют контент своего сайта, как предлагают услуги или продвигают свой бренд. Когда мы проектируем шаблоны магазинов, мы ставим себя на место человека, который будет ими пользоваться. Сайт — это то, что воплощает всю концепцию в жизнь, и именно так мы понимаем, что достигли цели.
Какие еще сайты, на ваш взгляд, хорошо спроектированы сегодня?
Любой сайт, который доставляет мне небольшое удовольствие. Это может быть полезный контекст для чего-то, о чем мне нужно узнать больше. Например, при бронировании жилья на Airbnb они сообщают, как далеко оно находится, предлагая различные варианты транспорта от места вашего проживания, в сочетании с красиво оформленной графикой, иллюстрирующей эту информацию. Это было очень полезно при бронировании! Или это может быть что-то с неожиданным движением или дизайнерской изюминкой. Ища отель для поездки в Италию, я наткнулась на Rhinoceros Rome, и их сайт очень игривый и неожиданный для отеля, мне это нравится.
О дизайне с помощью ИИ и о том, что ждет нас в будущем
ИИ-инструменты обещают сделать дизайн доступным для большего числа людей. Какую роль должен играть ИИ в процессе проектирования в Squarespace?
Для меня ИИ играет роль в экспериментах и прототипировании, но он никогда не заменит дизайн. Фаза итерации и проектирования должна оставаться за дизайнерами, чтобы они могли проявить свои творческие способности, создавать, играть и исследовать. ИИ нужен нам для того, чтобы экспериментировать с тем, как прототипы заставляют дизайн взаимодействовать и двигаться.
Есть ли у вас какие-либо дизайнерские проекты вне Squarespace?
One Magazine занимает все мое свободное творческое время, но я это обожаю. У нас в работе много интересных интервью, редакционных материалов и предстоящих проектов. Следите за нами в Instagram @one_magazine.
