Erin Wesley | Communication Arts

ByMary E. Alvarez

Jun 1, 2022 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,


Responses by Anton Kozhevnikov, head of imaginative growth and Brandon Levesque, art director and designer, CUSP.

History: Erin G. Wesley, a Los Angeles–based cinematographer, values connectedness and firmly believes that via storytelling, our shared ordeals arise. Her commitments are to deliver inclusive, boundless imagery that signifies who she is and depicts the planet we share. Wesley’s portfolio web-site was created by CUSP with advancement by Salt & Pepper.

Problems: “The most complicated tech features of the website ended up the shader gallery on the homepage with videos within and the Easter egg infinity gallery,” states Anton Kozhevnikov. “The main challenge below was to revise and improve our tactic of operating with videos to make them load speedy and engage in smoothly.”

New classes: “From the complex point of view, we been given great expertise working with WebGL and movies in PixiJS,” Kozhevnikov states.

Technology: “We utilized the React framework Subsequent.js to construct the website,” says Kozhevnikov. “To produce interactive ordeals and vital visible functions, we used GSAP, WebGL shaders and PixiJS. For the material administration method, we made use of Strapi, which was entirely customizable and enabled us to build the website according to the project demands.”

Specific technological capabilities: “We’ve made our possess custom scroll and built-in it with PixiJS,” Kozhevnikov says. “To present people with a 3-D experience in our interactive functions, we use a 2-D WebGL renderer to extend PixiJS’s probable.”

Navigation composition: “The considering guiding the navigation was to generate a fluid, easy-to-navigate construction that enabled the person to cycle by a number of assignments in a swift, dynamic style,” says Brandon Levesque. “Also, adding motion into the thumbnails and microinteractions to create visual curiosity ties in with the creative nature of what Erin does for a living.”

Unique navigational attributes: “The features we’re proud of on the web-site are the z-place impression Easter egg and the ability to transform the factor ratio on the homepage thumbnails,” states Levesque. “The z-house is a visually appealing way to see all of Erin’s function in a person place. For the component ratio transform, it’s a refined component that helps make the homepage perform tailor-produced for the character of Erin’s work.”

Look through Tasks

Click on on an impression to see additional from each individual undertaking


Supply backlink