BRISAK : 브리삭

브리삭 - 포트폴리오

망고보드 반응형웹 퍼블리싱

기획 디자인 퍼블리싱
관련 기술
UX/UI HTML CSS JS JAVA Spring Figma
참여율
100%
참여 기간
2024.11. ~ 2025.01.
다른 포트폴리오 보기
망고보드 PC웹의 전체 반응형 웹퍼블리싱 + 반응형 기획 + 모바일 화면 디자인 반응형 레이아웃이 전혀 고려되지 않았던 기존 PC웹 운영/개발 소스를 그대로 활용하여, 모든 모바일/태블릿 기기를 지원하는 완전한 반응형 웹으로 기획/디자인/퍼블리싱을 완료하였습니다. 운영 중인 웹의 HTML 구조를 건드리지 않고 (부득이한 경우에만 최소한의 클래스 삽입) 오직 CSS 추가만으로 반응형을 전환해내는 고난이도 방식으로 작업하였습니다. 이는 고객님의 추가 개발 공수를 전면 절감해 드리기 위해, 저희가 자처한 기술적 도전이었습니다. "HTML이 반응형 구조가 아닌데, 이것으로 반응형 웹을 만든다?" 말도 안 되는 말 같지만, 저희는 가능하여서 그렇게 제안드렸습니다. 만약 저희가 일반적인 반응형 웹프로젝트에서처럼, HTML을 마음껏 수정하거나, 아예 새로운 퍼블리싱 소스를 만들어 드렸다면, 고객님께서는 새 코드를 가지고 대대적인 추가 개발을 진행하셔야만 했을 것입니다. 오랜 기간 구축된 대규모 서비스 특성상 구조가 복잡하고 하드코딩 요소도 많았기에, 다시 개발하시려면 정말 많은 시간과 비용을 들이셔야 하였을 것입니다. 그러시지 않도록, 추가 개발 거의 없으시도록, 저희는 기존 소스의 변형을 거의 않고, 기존 운영 환경 그대로, 오직 CSS 파일 추가만으로 안정적인 반응형 웹을 완성해 냈습니다. 주어진 조건속에서 반응형 전환이 '가능한 결과물'을 추리해 낼 수 있는 기술력 기반의 기획/디자인이 가능하였기에, 누구보다도 잘 완수할 수 있었다고 생각합니다. 만약 유사한 상황의 어려움을 겪고 계신 고객님이 계시다면, 저희를 찾아 주십시오. [사용 기술] 반응형 기획, 디자인 : Figma 퍼블리싱을 위한 신규 디자인 리소스 제작, 기존 디자인 리소스 재가공(필요시) : Photoshop, illustrator 반응형 퍼블리싱 : html, css, js, jQuery, Java Spring