name

subject

и мне хотелось бы обсудить с вами

text

Если коротко, речь пойдет о

activity

country

aboutMe

file

Кстати, вот мое резюме:

Country

aboutSelf

project

requires

needCompleted

, и он должен быть завершен

email

Вы можете связаться со мной через почту

position

и я хочу откликнуться на вакансию

, и мы обсудим удобный слот для собеседования!

Обычно мы отвечаем в течение 24 часов. В редких случаях это занимает больше времени. Но такова жизнь - удивительная и непредсказуемая. За это мы ее и любим, верно?

Есть тема для обсуждения? Нужен совет? Просто хотите поздороваться?

У вас есть проект? Ищете партнера? Хотите заколлабить?

Если хотите стать частью команды и работать над крышесносными проектами вместе с нами, расскажите свою историю.

SALT AND PEPPER

Commercial Web

Услуги

Избранные Проекты

Webflow

Технологии

Awwwards

Награды / Упоминания

React

Ruby on Rails

Shopify

GSAP

Сервис, объединяющий разрозненную индустрию недвижимости в СШАСайт: <a target="_blank" rel="noopener" href="https://welcomeome.com/users">welcomeome.com</a>

The Quarry House

Коллекция предметов с историей, созданных греческими ремесленникамиДизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://www.syndesicollection.com/">syndesicollection.com</a>

SYNDESI

Matthew Fisher 2022

SNDS

Syndesi

Веб-сайт для консалтинговой фирмы из ВашингтонаДизайн: <a target="_blank" rel="noopener" href="https://www.makereign.com/">MakeReign</a> Сайт: <a target="_blank" rel="noopener" href="https://www.capitalgroupdc.com/">capitalgroupdc.com</a>

Capital Group помогает клиентам в достижении их бизнес-целей посредством консалтинга и управления.

Capital Group

EMMA

Emma is Social

React Native

Next.js

Typescript

Python

Django

Prismic

CSSDA

Платформа для дыхательных упражненийДизайн: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> Маркетинговый сайт: <a target="_blank" rel="noopener" href="https://findyourvana.com/">findyourvana.com</a>

Мобильное приложение для wellness бренда, специализирующегося на работе с дыханием

VANA

CUSP

Разработка MVP для чешского крипто стартапа

COIN.MOM

COIN

Онлайн-магазин для египетского ритейлера спортивной одеждыДизайн: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> Сайт: <a target="_blank" rel="noopener" href="https://fitsole.shop">fitsole.shop</a>

Fitsole

FTSL

Digital Products

WebGL

The FWA

Three.js

Шоукейс работ видеографа из Лос-АнджелесаДизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://eringwesley.com">eringwesley.com</a>

Сайт-портфолио для фотографа и кинооператора, которая снимает для Netflix и Nike.

Erin Wesley

Reclaim Your DNA

Шоукейс работ нью-йоркского художника Мэттью Фишера Дизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://mfisher.heycusp.com">mfisher.com</a>

Сайт для современного художника Мэттью Фишера, ставший началом долгосрочных отношений, которые привели еще к двум проектам и интересным техническим решениям.

Matthew Fisher

MFv1

Matthew Fisher 2021

Сайт для нигерийской пивоварни Trophy StoutДизайн: <a target="_blank" rel="noopener" href="https://www.makereign.com/">MakeReign</a> Сайт: <a target="_blank" rel="noopener" href="https://reclaim-your-dna.snp.agency/">reclaimyourdna.com</a>

Сайт является частью большой кампании по возвращению домой нигерийских артефактов культурного наследия.

Reclaim Your DNA: цифровой музей

R_Y_D

Сайт для digital-агенства из КанадыДизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://heycusp.com">heycusp.com</a>

CUSP — это международная команда специалистов, которая занимается разработкой digital-решений мирового класса. И, как всякому хорошему сапожнику, ей понадобилась пара модных туфель.

CUSP Site

Виртуальный интерактивный шоурум для художника по камню из Нью-Йорка Дизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://mfisher-apollonas.com/">mfisher-apollonas.com</a>

Новое поколение технологий водородных и топливных элементовДизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://refire.heycusp.com/">refire.heycusp.com</a>

Веб-сайт для ведущего производителя двигателей на водородной энергии.

REFIRE

Сайт для SMM агентства из Кейптауна Дизайн: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> Сайт: <a target="_blank" rel="noopener" href="https://emmaissocial.com/">emmaissocial.com</a>

Тактичные бунтари, которые считают, что контент – это огонь, ну а соцсети – бензин.

Human Person

Сайт-портфолио для дизайнера интерьеров из Тель-АвиваДизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://lironmoran-interiors.com/">lironmoran-interiors.com</a>

Удивительные коммерческие интерьеры получили достойное место для демонстрации.

Liron Moran

Вторая версия сайта для художника по камню из Нью-Йорка Дизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://mfisher.com">mfisher.com</a>

MFv2

Портфолио для мультидисциплинарной студии из Лос-Анджелеса Дизайн: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> Сайт: <a target="_blank" rel="noopener" href="https://humanperson.com/">humanperson.com</a>

Креативный сайт, демонстрирующий обширное портфолио проектов Human Person, включающее работы для Billie Eilish, Kanye West и Post Malone.

Creative Dev

Яркий сайт-портфолио с пасхалками

В центре сайта — невероятный каталог видеоработ Эрин. Легкий и простой в навигации, он создан для того, чтобы пользователь мог быстро и динамично просматривать несколько проектов. Также на этом сайте много «пасхальных яиц», но чтобы их найти, нужно покопаться. Самым уникальным элементом проекта является галерея Z-Space, она предлагает уникальный взгляд на творчество Эрин. Галерея реагирует на положение курсора, ее можно прокручивать вперед и назад.

Эрин нужна была возможность добавлять новый контент на сайт. Для управления контентом мы использовали систему Strapi: она полностью настраиваема, с ней легко взаимодействовать и работать.

Награды

Vana: приложение, от которого перехватывает дыхание

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

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

Панель администратора является расширенной версией портала фасилитатора. В ней реализованы модерация контента, финансовые отчеты, управление пользователями и аналитика.

Мэттью Фишер: долгосрочные отношения

Основа сайта — React Web App, который работает на базе Shopify Storefront API. Это позволило нам создать уникальный дизайн, встроить крутые галереи и анимацию, сохранив при этом функциональность электронной коммерции. В итоге сайт может не только работать как интернет-магазин, но и выглядеть так, как вы хотите.

Для создания сайта мы использовали Next.js в качестве фронтенд-фреймворка для веб-приложений, three.js, react-three-fiber для работы с трехмерными объектами и GSAP для анимации.

3-D галерея

CUSP: самые лучшие сапоги для модного сапожника

Чтобы ничто не ограничивало наши творческие возможности, нам было нужно нечто большее, чем CSS и JS. Сайт использует такие современные веб-инструменты как WebGL, GLSL, PixieJS и ThreeJS. Это позволило нам разработать анимации, которые невозможно создать с помощью традиционных технологий. Шейдеры, написанные с помощью GLSL, перекладывают вычисления с CPU на GPU. Это помогает поддерживать высокую производительность при одновременном рендеринге нескольких сложных анимаций.

Общая эстетика сайта минималистичная и дерзкая, что очень хорошо сочетается с интерактивными элементами.

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