Online experience for a research at Strelka Institute's educational program 2015/16. During South Korea field trip, students developed six proposals to challenge how shopping malls operate today.

Disrupt the(m)all

Perfect Number is a Los Angeles based fashion startup with all pieces handmade locally. The brand explores new essentials for the global community of women. The platform's language reflects constant research and is always transforming.

Perfect Number

Website redesign for Strelka Institute for Media, Architecture and Design.

Strelka Institute

Visual language and website for the theme of the 7th academic year at Strelka Institute. The research focuses on the new contemporary condition, the new normal, which has emerged with the rapid development of technology, including machine intelligence, biotechnology, automation, and alternative spaces created in VR and AR.

The New Normal

/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    h2: "h2",
    p: "p",
    h3: "h3",
    img: "img"
  }, _provideComponents(), props.components);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.h2, {
      children: "Experience"
    }), "\n", _jsx(_components.p, {
      children: "We asked each team to prepare a pitch to record a short reel. The structure is consistent: problematics, explanation, hypothesis. The website resembles a shopping mall experience as we know it—full of distractions. Student videos are embedded into the mural and expand on click."
    }), "\n", _jsx(_components.h3, {
      children: "Footage"
    }), "\n", _jsx(_components.p, {
      children: "Students has taken many shots around the malls during the field trip as part of their research. We wanted to include this footage. A looped array of images is broken down into sections: Spaces, Streets, Food, People. Each section is accompanied by sound and transitions into one another to create a more immersive experience."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "screencast.mp4",
        alt: "Site overview"
      })
    }), "\n", _jsxs(_components.p, {
      children: [_jsx(_components.img, {
        src: "index.jpg",
        alt: "Interviews embedded in a mall mural"
      }), "\n", _jsx(_components.img, {
        src: "seoul-trip.jpg",
        alt: "Seoul Trip photo report"
      })]
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "mobile.jpg",
        alt: "Responsive views"
      })
    }), "\n", _jsx(_components.h2, {
      children: "Identity"
    }), "\n", _jsx(_components.p, {
      children: "Visual language is bold and bright, just like shopping malls. Modularity allows for many variations on the website and in external materials."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "id-recap.mp4?controls?size=lg",
        alt: "Interview identity recap"
      })
    }), "\n", _jsxs(_components.p, {
      children: [_jsx(_components.img, {
        src: "id-team-boids.jpg?size=sm",
        alt: "Team 1"
      }), "\n", _jsx(_components.img, {
        src: "id-team-phare.jpg?size=sm",
        alt: "Team 2"
      })]
    }), "\n", _jsxs(_components.p, {
      children: [_jsx(_components.img, {
        src: "id-team-track-the-mall.jpg?size=sm",
        alt: "Team 3"
      }), "\n", _jsx(_components.img, {
        src: "id-titles.jpg?size=sm",
        alt: "Title"
      })]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};
