이메일 템플릿 개선
- CSS
- javascript
광주은행 UMS와 함께 진행되었던 이메일템플릿 개선 프로젝트는 기존의 가독성이 낮았던 템플릿에서 벗어나 UMS와 비슷한 무드를 유지하는 방향으로 설계되었어요. 디자이너 등 UMS 담당팀에서 함께 기획단계부터 고민하며 심플하고도 명확한 전달이 가능한 UI를 만들 수 있었습니다.
해당 업무의 경우 히스토리 관리와 접근성이 중요합니다. 기존의 zip 파일 전송 방식 보다는 한눈에 볼 수 있는 index 사이트에 업로드하는 방안을 추천하였습니다만, 보안상의 이유로 현업과 직접 메신저나 전화를 활용한 방식으로 진행되었어요. 마크업에 익숙하지 않은 담당자의 입장에서 한 단계 더 생각하며 소통하려 노력했습니다.
하위 호환성 및 outlook 플랫폼을 고려하여 이메일 템플릿의 경우 table coding을 활용하였습니다. 첨부파일의 경우 html5를 사용하되, 클릭 이벤트나 기타 동적 요소가 필요할 경우 플러그인이나 프레임웍의 사용 없이 vanilla js로 추가 하였습니다.
구글메일앱, 네이버앱, 아웃룩, 사파리 등 웹/앱의 구분없이 약 9종의 플랫폼에서 진행하였습니다. 모바일의 경우 iOS, Android 별로 font의 adjust를 맞추기 위해 다양한 디바이스별로 꼼꼼히 테스트하였습니다. 현업의 개발자나 다음 담당자를 위해 가이드를 작성해서 함께 공유했어요.
Always Waiting for You
경험과 인성을 갖춘 퍼블리셔를 찾고 계신다면
멋진 일을 함께 하고 싶다면
언제든지 메일 주세요 :>