name

subject

text

activity

country

aboutMe

file

Country

aboutSelf

project

requires

needCompleted

email

position

position.

To schedule a meeting, email me at

We usually respond within 24 hours. On rare occasions, it takes us longer. But that’s life — surprising and unpredictable. That’s what we love it for, right?

Want to get in touch? Looking for an advice? Just want to say hi?

Have a project in mind? Looking for a partner? Want to collab?

If you want to join our team and work with us on mind-blowing projects, send us your story.

SALT AND PEPPER

Creative Dev

Services

Selected Projects

React

Prismic

WebGL

GSAP

Technology

Awwwards

CSSDA

Awards / Features

Commercial Web

Ruby on Rails

Webflow

Shopify

Half transparently social, half privately functional. Completely unifying the disconnected home industry in the USAMarketing Site: <a target="_blank" rel="noopener" href="https://welcomeome.com/users">welcomeome.com</a>

The Quarry House

A curated collection of storied objects from Greek artisans by Eleni EleftheriouDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://www.syndesicollection.com/">syndesicollection.com</a>

SYNDESI

Matthew Fisher 2022

SNDS

Syndesi

A company website for a Washington-based consultancy firmDesign: <a target="_blank" rel="noopener" href="https://www.makereign.com/">MakeReign</a> View live: <a target="_blank" rel="noopener" href="https://www.capitalgroupdc.com/">capitalgroupdc.com</a>

Capital Group is assisting clients in achieving their business objectives through consultancy and management.

Capital Group

Emma is Social

React Native

Next.js

Typescript

Python

Django

Breathing exercises platformDesign: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> Marketing Site: <a target="_blank" rel="noopener" href="https://findyourvana.com/">findyourvana.com</a>

Mobile app for a wellness brand that focuses on breathwork

VANA

CUSP

An MVP for a Czech crypto start-up

COIN.MOM

COIN

An e-commerce platform for a well-established Egyptian sportswear retailerDesign: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> View live: <a target="_blank" rel="noopener" href="https://fitsole.shop">fitsole.shop</a>

Fitsole

FTSL

Digital Products

The FWA

Three.js

Showcase of the works of Los Angeles-based cinematographerDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://eringwesley.com">eringwesley.com</a>

Portfolio site with several types of galleries for a Los Angeles-based cinematographer Erin G. Wesley.

Erin Wesley

Reclaim Your DNA

Showcase of the works of NYC-based stone artist Matthew Fisher Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://mfisher.heycusp.com">mfisher.com</a>

Site for contemporary artist Matthew Fisher which was the beginning of a long-term relationship: led to two more projects and interesting technical solutions.

Matthew Fisher

MFv1

Matthew Fisher 2021

An interactive website for Nigerian Trophy Stout&#39;s social campaignDesign: <a target="_blank" rel="noopener" href="https://www.makereign.com/">MakeReign</a> View live: <a target="_blank" rel="noopener" href="https://reclaim-your-dna.snp.agency/">reclaimyourdna.com</a>

Site is a part of a big campaign for Trophy Stout petitions Western museums to return Nigerian artifacts.

R_Y_D

Site for a digital design studio from CanadaDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://heycusp.com">heycusp.com</a>

CUSP is a global team of specialists, focused on crafting world-class digital solutions for today’s modern companies. And like every good shoemaker it needed a pair of fancy shoes.

CUSP Site

A virtual interactive showroom for NYC-based artist Matthew Fisher Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://mfisher-apollonas.com/">mfisher-apollonas.com</a>

A new generation of Hydrogen &amp; Fuel Cell technologyDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://refire.heycusp.com/">refire.heycusp.com</a>

A company website for a leading hydrogen energy engines manufacturer.

REFIRE

A gentle rebellious studio who believes content is fire but social media is gasoline.Design: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> View live: <a target="_blank" rel="noopener" href="https://emmaissocial.com/">emmaissocial.com</a>

Human Person

EMMA

Portfolio website for an interior designer from Tel-AvivDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://lironmoran-interiors.com/">lironmoran-interiors.com</a>

Amazing commercial interiors got a befitting residence for showcasing.

Liron Moran

The second version of a portfolio website for a stone artist M. Fisher Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://mfisher.com">mfisher.com</a>

MFv2

A portfolio for a multi-disciplinary studio from Los Angeles Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://humanperson.com/">humanperson.com</a>

A creative website showcasing the vast catalogue of Human Person&#39;s projects featuring works with big names like Billie Eilish, Kanye West, and Post Malone.

Erin G. Wesley: standout portfolio website with easter eggs for a cinematographer

The focus for the entire experience is Erin’s incredible videography catalog. The main gallery creates a fluid and easy to navigate structure — built for speed so the user can cycle through multiple projects in a quick, dynamic fashion. There are so many easter eggs and little experiences within this seemingly simple portfolio site — but you have to dig around to find them. The most unique element on the site is Z-Space gallery, which allows to zoom into Erin’s creative catalog in an unexpected way. It’s a visually interesting way to view all of Erin’s work in one place, and is just a lot of fun to play around with. The gallery reacts to cursor position, and can be scrolled forward and backwards through ‘time’ offering a unique glimpse into the mind of Erin Wesley.

Erin needed an ability to manage all the new content she was generating. For content management we used Strapi, which was completely customizable and allowed us to build it specifically for Erin’s day-to-day site management needs. Because of Strapi&#39;s minimalistic interface it is easy to interact and work with content rather than navigate the dashboard.

AWARDS

Vana: a breathtaking app

Mobile app consists of mindful courses and breath exercises with repetitive patterns and sound accompaniment. Main features of the app are personalized recommendations system for the users, tools for progress tracking and collecting feedback. The overall aesthetic based on sensations felt through the breathwork. Gradients, cropped and blurry photos create a unique atmosphere of balance and motion at the same time.

Facilitators use their dashboard to add breathing patterns and compose them into full courses with additional content to support the experience. We have developed a visual and easy-to-use Pattern Builder that lies in the core of the process. It greatly reduces the amount of extra steps needed to wrap up a finished course.

The Admin Panel is quite similar to Facilitator’s Portal, but has loads of extra features like content moderation, financial reports, user management, and analytics.

Matthew Fisher:
a long lasting relationships

The site is a front-end React Web App that is powered by the Shopify Storefront API for e-commerce logic, products and most of the content. This allows us to create a unique design, embed cool galleries and animations, while maintaining the functionality of e-commerce. At the end your site will not only work like an online shop, but also look the way you want it. We have self-written custom approaches and solutions that help us overcome visual challenges. Most prominent are the custom scroll component and the prediction algorithm.

Technologies

Reclaim Your DNA: an interactive digital  museum

To create our website, we used Next.js as a front-end framework for building web applications, three.js, react-three-fiber for working with 3-D objects and GSAP for animations.

3-D gallery

Awards

The shoemaker’s child has no shoes: a website for the digital design studio

To unbind our creativity we needed something more than CSS and JS. On the front end, we used React with the PixiJS and three.js libraries. The back end and CMS are based on Prismic. That allowed us to develop animations that cannot be created with conventional technologies. Shaders written with GLSL relocate calculations from CPU to GPU. That helps maintain high performance when it comes to rendering multiple complex animations simultaneously.

The overall aesthetic is minimal and bold, which pairs really well with the interactivity of the elements.

We worked through many combinations of animations and interactions to find a balance that worked for us. When brainstorming we have realized that none of the references were a perfect fit for an authentic look of the site. So we wrote custom solutions for a vast majority of animations and interactions ourselves.Running this amount of complex animations smoothly on any device, be it an old laptop or a smartphone, was a challenging task. The usage of shaders improved performance significantly. Combining optimization’s best practices with revising chunks of the project until there is no excess code resulted in further performance improvements. This way we made the site work at 60 FPS on most devices without compromising the visual aesthetics.

Next JS

Erin G. Wesley is a Los Angeles-based cinematographer. Her portfolio includes works for projects for Netflix, Nike, NBA and Snoop Dogg. She’s also an accomplished photographer and regularly travels the world in search of new visual inspiration. She needed a portfolio site — something she could leverage to help find that next great production project.

We used the React framework Next.js to build the website. To create interactive experiences and key visual features, we used GSAP, WebGL shaders and PixiJS. At the heart of the site — our own custom scroll, which we call amayzing SNP scroll. It helps to improve website performance.

From the technical perspective, the most challenging part was the video gallery on the Home page. To make this gallery work seamless, we needed to combine several technologies at once. We connected our aSNP scroll and DOM elements with Pixi.js and added shaders. The focus of the work was really on revising and optimizing the experience working with videos. We had to make them load quickly and play smoothly on any device, anywhere.

Erin reaches a global audience with her professional work, so we had to plan for a wide variety of devices, connections and experiences. Besides on the Home page there is a small detail we’re really proud of — the aspect ratio change for the homepage thumbnails. It’s a subtle element to make the homepage view feel slightly cinematic in a way, and we thought it was a lot of fun.