레이레이랩

Luminous seoul

website

July 2022
UXUI, Web development

Video production

영상 제작사 루미너스는 자사 포트폴리오를 홍보하고 루미너스의 철학과 아이덴티티를 잠재적 클라이언트에게 전달하고자 웹사이트를 개설하였습니다. 영상 제작물이 방문자에게 온전히 전달되는 것, 동시에 루미너스의 빛나는 아이덴티티를 웹사이트에 잘 녹여내는 것이 중요했습니다. 루미너스가 중요시 하는 가치인 ‘스토리’를 키워드로 인트로 애니메이션을 구성하고, 포트폴리오에 보다 쉽게 접근하고 파악 할 수 있게 인터페이스를 제작하였습니다.Luminous Seoul is a video production company that builds a new website to promote its portfolio and its philosophy and identity to potential clients. To ensure that the video production is fully conveyed to visitors, we incorporated an intro animation using the keyword 'story' to make the website more engaging and memorable for visitors.

mission

Mission. 1

루미너스의 주요한 가치인 ‘스토리'라는 키워드가 웹사이트에도 스며 들게 할 것을 요구하였습니다.The client requested that the keyword 'story' be incorporated into the website to make it more engaging and memorable for visitors.

Mission. 2

작업했던 주요 프로젝트들을 훼손 없이 온전히 잘 담아내고 전달하는 것이 중요했습니다.We ensured that the video production was fully conveyed to visitors without damaging the original work.

direction

Direction. 1

웹사이트 인트로에 “We Love Stories”라는 메시지를 주고, 스크롤 애니메이션을 통해 ‘스토리’라는 키워드가 강조되도록 의도하였습니다. 사이트 전반에도 ‘스토리'가 간접적으로 전달될 수 있게 각 페이지 또는 정보 이동시 연결되는느낌이 들도록 애니메이션 효과를 주었습니다.We incorporated an intro animation with the message 'We Love Stories' to emphasize the keyword 'story' and make it more engaging and memorable for visitors.

Direction. 2

화질이 상대적으로 안 좋은 프로젝트들의 썸네일은 Ai기술을 통해 화질 개선을 하고, 전반적으로 UI구성을 깔끔하게 하여, 보다 포트폴리오를 집중해서 볼 수 있도록 구성하였습니다.We improved the quality of the images of projects with relatively low quality by using AI technology and made the overall UI design clean to make it easier to focus on the portfolio.

development

Front-end

NEXT.js, Three.js, GSAP, SASS

Back-end

Vercel, Prismic