Erin Wesley | Communication Arts

Responses by Anton Kozhevnikov, head of innovative development and Brandon Levesque, art director and designer, CUSP.

Qualifications: Erin G. Wesley, a Los Angeles–based cinematographer, values connectedness and firmly thinks that by storytelling, our shared ordeals emerge. Her commitments are to deliver inclusive, boundless imagery that represents who she is and depicts the planet we share. Wesley’s portfolio site was developed by CUSP with development by Salt & Pepper.

Troubles: “The most demanding tech areas of the website have been the shader gallery on the homepage with films within and the Easter egg infinity gallery,” claims Anton Kozhevnikov. “The main problem listed here was to revise and optimize our strategy of doing work with video clips to make them load quickly and play effortlessly.”

New lessons: “From the technical perspective, we obtained excellent expertise operating with WebGL and movies in PixiJS,” Kozhevnikov suggests.

Technological know-how: “We utilized the Respond framework Future.js to construct the web-site,” says Kozhevnikov. “To create interactive encounters and crucial visible attributes, we utilised GSAP, WebGL shaders and PixiJS. For the written content management process, we used Strapi, which was wholly customizable and enabled us to establish the website according to the undertaking wants.”

Unique technical characteristics: “We’ve produced our possess personalized scroll and built-in it with PixiJS,” Kozhevnikov states. “To provide people with a 3-D working experience in our interactive options, we use a 2-D WebGL renderer to extend PixiJS’s potential.”

Navigation structure: “The considering behind the navigation was to build a fluid, effortless-to-navigate framework that enabled the person to cycle through various jobs in a quick, dynamic manner,” says Brandon Levesque. “Also, adding motion into the thumbnails and microinteractions to generate visual interest ties in with the innovative nature of what Erin does for a residing.”

Specific navigational features: “The characteristics we’re very pleased of on the web site are the z-space graphic Easter egg and the skill to improve the element ratio on the homepage thumbnails,” states Levesque. “The z-place is a visually appealing way to view all of Erin’s get the job done in a single location. For the part ratio change, it’s a refined factor that makes the homepage perform tailor-made for the mother nature of Erin’s get the job done.”

Look through Jobs

Click on on an impression to look at a lot more from every single task