온앤오프 | 울산 동구 워케이션센터, 서로맑음 스튜디오와 함께한 작업물입니다. 울산광역시 해수욕장에 위치해, 타지역 출장자 및 직장인을 지원을 목표하여 파트너 호텔과 연계한 워케이션 센터이다. '완전한 ON, 완벽한 OFF'를 슬로건으로 마카모디에서 브랜딩 디자인을 진행했다. 서로맑음은 다른파도의 디렉션, 기획을 협업하여 이 프로젝트에 반응형 웹 UI/UX 디자인, 인터렉션 디자인 및 개발, 워케이션 신청하는 전과정의 프로세스를 관리가 가능한 CMS 등 풀스택 개발을 진행했다. 서로맑음은 디자인에 사용된 캐릭터들이 웹사이트 안에서도 생생하게 인터렉션 할 수 있도록 커서 위치를 따라다니며 눈이 동작하는 등의 인터렉션을 구현했다. ON, OFF라는 특징을 잘 표현하기 위해 기본 메뉴를 토글이 가능한 메뉴의 형태로 디자인했고, 웹사이트 전체의 버튼에 동일한 곡률을 적용했다. 워케이션 신청은 홈페이지 안에서 모두 관리하며 유저는 로그인 절차 없이 정보작성을 통해 쉽게 신청이 가능하다. 관리자는 신청한 워케이션을 확인하여 유저와 소통하고, 이를 관리자페이지(CMS) 쉽게 관리할 수 있다 워케이션센터에서는 주기적으로 프로그램을 직접 기획 및 진행을 하며 이 프로그램의 소식, 신청에 대한 관리 또한 웹사이트에서 직접 관리가 가능하다. 완공된 온앤오프 워케이션센터의 사진은 마카모디측에서 촬영을 통해 나온 산출물이다. Located at Ulsan Metropolitan City's beach, this is a workation center aimed at supporting business travelers and workers from other regions in collaboration with partner hotels. Branded with the slogan 'Complete ON, Perfect OFF', the branding design was executed by Macamodi. Seoro-Malgm collaborated with Other-Pado on direction and planning for this project, providing responsive web UI/UX design, interaction design, and full-stack development, including a CMS that manages the entire process of applying for a workation. Seoro-Malgm implemented interactions where characters used in the design follow the cursor movement and blink, bringing them to life on the website. To effectively express the ON and OFF features, the primary menu was designed as a toggleable menu, and the same curvature was applied to all buttons throughout the website. Users can apply for workations easily through the homepage without a login process, just by filling out the information. Administrators can check the applications, communicate with users, and manage them easily through the CMS. The workation center regularly plans and conducts programs, and the news and applications for these programs can also be managed directly on the website. The photos of the completed On-And-OFF workation center were the output of a photoshoot conducted by Macamodi.

온앤오프 | 울산 동구 워케이션센터