당신의 이메일 마지막 줄, 어떻게 생겼나요?
도면, 제안서, 렌더링 파일... 건축 설계나 디자인 실무를 하다 보면 하루에도 수십 통씩 클라이언트나 협력업체와 이메일을 주고받게 됩니다.
정성스럽게 작성한 메일 본문과 첨부파일 아래, 당신의 서명은 어떤 모습인가요? 혹시 아직 비어있나요??
막상 예쁘게 디자인해서 서명을 적용하려고 하면 큰 장벽에 부딪힙니다. 아웃룩(Outlook), 지메일(Gmail), 네이버 메일 등 이메일 클라이언트마다 화면을 읽어내는 방식이 전부 다르기 때문입니다.
우리가 흔히 아는 모던한 웹 코딩(Flexbox, Grid)은 이메일에서 작동하지 않습니다. 안 깨지는 서명을 만들려면 2000년대 초반에나 쓰던 구시대적인 'HTML 표(Table)' 코딩과 인라인 CSS를 써야만 하죠. 디자이너가 이 복잡한 코드의 늪에서 시간을 낭비할 수는 없습니다.
그래서 정보 전달에만 집중할 수 있도록, 웹 기반 이메일 서명 제너레이터를 만들었습니다.
Signature Studio : 이메일 서명 제작 툴
[Signature Studio]를 소개합니다. 개발 지식이 전혀 없어도, 몇 번의 클릭만으로 완벽하게 반응하고 절대 깨지지 않는 이메일 서명을 만들 수 있습니다.
👉 [Signature Studio 바로가기 (https://wontae.kr/projects/project-card.html)]
실무자 취향 저격 핵심 기능
1. 조형미를 고려한 프로페셔널 레이아웃 황금비 분할, 미니멀 스택, 중앙 정렬 등 시각적 비례가 훌륭한 4가지 템플릿을 제공합니다. 폰트(산스/명조)와 브랜드 컬러를 내 스튜디오의 아이덴티티에 맞게 커스터마이징 해보세요.
2. 다크모드 완벽 대비 (다크모드 시뮬레이터) 요즘은 스마트폰과 PC 모두 다크모드를 많이 씁니다. 흰색 배경의 로고를 무작정 넣었다가 수신자의 다크모드 화면에서 시커먼 네모 박스처럼 보여 당황하신 적 있으시죠? 툴 내부에 '다크모드 뷰어'를 탑재하여, 내 로고와 텍스트가 어두운 배경에서도 가독성이 좋은지 배포 전에 미리 검증할 수 있습니다.
3. 귀찮은 코딩 제로, 원클릭 복사 복잡한 HTML 코드를 볼 필요가 없습니다. 좌측에서 정보를 입력하고, 우측의 실시간 캔버스에서 결과를 확인한 뒤 [명함 복사] 버튼을 누르세요. 그대로 내 이메일 환경설정 '서명 추가' 란에 Ctrl+V (붙여넣기) 하시면 끝입니다.
사용 방법 (1분 컷)
- 위 링크를 통해 Signature Studio에 접속합니다.
- 프로필 이미지(로고) URL과 이름, 직책, 스튜디오 이름 등을 입력합니다. (인스타그램 등 소셜 링크도 추가 가능!)
- 원하는 레이아웃과 컬러를 선택합니다.
- 다크모드 시뮬레이터로 안전성을 확인한 후, [명함 복사] 버튼을 누릅니다.
- 아웃룩, 지메일, 애플 메일 등의 서명 설정 창에 붙여넣기 하면 완료!
(※ 팁: 이미지는 깨짐 방지를 위해 웹에 호스팅된 URL 형태(http://...)로 넣는 것을 권장합니다.)
작은 디테일이 이메일의 인상을 바꿉니다
잘 디자인된 이메일 서명은 클라이언트에게 '이 스튜디오는 보이지 않는 곳까지 꼼꼼하게 신경 쓰는구나'라는 무언의 신뢰를 줍니다.
매번 메일을 보낼 때마다 아쉬움이 남았다면, 이번 기회에 [Signature Studio]로 여러분만의 멋진 디지털 명함을 세팅해 보세요!
개발 비하인드 & 포트폴리오 보기 100% 바닐라 JS와 HTML Table 구조로 이 툴을 어떻게 설계했는지 궁금하시다면, 제 포트폴리오 사이트에서 기술적인 내용을 확인해 보실 수 있습니다. https://wontae.kr/projects/project-sign.html
