Elementor Kit로 수상 경력에 빛나는 훌륭한 웹사이트 만들기

게시 됨: 2022-08-14

최근 Elementor 워크샵에서 "Kit Accelerator"라는 용어를 만들었습니다. 전 세계 30명의 웹 제작자가 가상 ​​모임에 참여하여 웹사이트 키트를 최대한 활용하는 방법을 배웠습니다. 이 프로그램에는 100개 이상의 Elementor 웹 사이트 키트를 사용자 지정하기 위한 모범 사례에 대한 심층 세션이 포함되었습니다. 테마와 마찬가지로 키트에는 전문적인 온라인 인지도를 만드는 데 필요한 모든 웹사이트 부분과 페이지가 포함되어 있으며 새로운 웹사이트를 시작하는 가장 빠른 방법입니다.

참가자들은 Elementor 전문가로부터 실습 교육을 받았고 Elementor Cloud에서 고객의 브리핑을 인상적인 웹사이트로 바꾸는 방법을 배웠습니다. 각 참가자는 Elementor Pro의 키트 라이브러리에 있는 수백 가지 중 하나를 선택하여 원본 사본, 이미지, 브랜드 색상, 타이포그래피 및 스타일로 웹사이트를 만들었습니다.

워크숍은 경쟁으로 끝났고 우리는 특별한 인정을 받을 가치가 있는 세 가지 프로젝트를 선택했으며 그 제작자는 멋진 상을 받았습니다. 더 이상 인사하지 않고 여기에 우리의 승자와 Elementor Pro의 독점적인 키트 라이브러리로 만든 웹 사이트를 사랑한 이유가 있습니다.

그리고 우승자는…

03

캐서린 헤임스

Proccon-Media 제공

웹사이트 키트 기준: "컴퓨터 기술자"

Cathleen의 제출에 대해 우리가 좋아했던 점

Cathleen의 웹사이트는 우아한 디자인과 명확한 메시지로 방문자의 관심을 유도하는 반면 매력적인 창의성의 터치는 이 사이트가 Kit를 기반으로 함을 숨깁니다. 브랜드 스타일링은 Elementor의 전문 키트 라이브러리로 제작하면서 높은 수준의 사용자 정의가 가능하다는 추가 증거입니다. 글로벌 타이포그래피와 색상 설정을 활용하기로 한 그녀의 선택으로 그녀는 클라이언트의 브랜드와 진정으로 일치하는 일관된 디자인 시스템을 만들 수 있었습니다. 아이콘과 일러스트레이션을 위한 SVG의 영리한 사용은 클라이언트의 비전에 부합하고 그것을 전달하는 데 도움이 됩니다. 아름다운 디자인과 함께 그녀의 웹사이트는 속도와 원활한 성능에 최적화되어 있습니다.

Cathleen이 Elementor Kits에 대한 생각을 공유합니다.

Q. 컴퓨터 기술자” 키트를 선택한 이유는 무엇입니까?

A. “클라이언트 브리핑을 보니 좀 더 세련된 그래픽 요소가 더해진 '테크니컬'한 느낌의 키트를 찾았습니다. '컴퓨터 기술자' 키트의 날렵한 모양, 타이포그래피, 시각적 요소(아이콘, Lottie 애니메이션)가 저를 단번에 사로잡았고 완벽하게 일치했습니다.”

Q. 다음 클라이언트 웹사이트를 키트로 구축하시겠습니까?

A. “네! 키트를 사용하면 구조, 시각적 요소 및 대화형 아이디어를 디자인하는 전체 프로세스의 속도를 높일 수 있습니다. 키트는 스타일 가이드 및 룩 측면에서 자신의 "의견"을 빼거나 추가할 수 있는 출발점인 일종의 "진술"입니다. 내 키트는 이 프로젝트와 워크플로를 안내하는 친근하고 성숙한 "친구"처럼 느껴졌습니다."

라이브 웹사이트 보기

02

아만다 울프

Peapod 마케팅 및 커뮤니케이션 제공

웹사이트 키트 기반: "디자인 컨퍼런스"

Amanda의 제출에 대해 우리가 좋아했던 점

Amanda는 클라이언트와 다른 유형의 비즈니스를 위한 키트를 선택하고 이를 사용하여 잘 선별된 콘텐츠와 상호 작용의 조합을 만들었습니다. 그녀의 창의적 사고는 전문적인 촬영 현장의 사진으로 가득 찬 행복하고 활기찬 분위기에 대한 클라이언트의 요청에 전달되었습니다.

우리는 또한 바닥글에 추가 메뉴를 포함하기로 한 그녀의 SEO에 정통한 선택과 같은 Amanda의 기술적 결정에 깊은 인상을 받았습니다. Amanda는 또한 PNG 또는 기타 무거운 이미지 형식 대신 SVG를 사용했습니다. 결론 – 눈길을 끄는 웹 사이트를 위한 탁월한 결과입니다!

Amanda는 Elementor Kits에 대한 생각을 공유합니다.

Q. '디자인 컨퍼런스' 키트를 선택한 이유는 무엇인가요?

A. “나는 밝고 대담한 색상 팔레트를 끌어낼 수 있는 많은 공간을 찾고 있었습니다. 약간 기발하고 재미있습니다. 원형/부드러운 모양은 보너스였습니다. 디자인 회의 키트는 밝은 색상과 원형 이미지가 있었지만 메뉴가 가장 먼저 눈에 띄었습니다. 메뉴로 원형 팝업을 사용하는 것은 실제로 본 적도 해본 적도 없고 방법도 몰랐던 일이며, 이것이 내 고객이 좋아할 기능 중 하나라는 것을 알고 있었습니다.”

Q. Kits로 다음 클라이언트 웹사이트를 구축하시겠습니까?

A. “이 과정에서 정말 멋진 점은 클라이언트를 조금 더 일찍 들여보내는 것이었습니다. …그들에게 중요하거나 눈에 띄지 않는 것에 대한 대화에서 키트를 부끄럽지 않게 사용할 수 있도록 하거나 반드시 와이어프레임을 지정하지 않고도 즉시 명확하게 콘텐츠 요구 사항을 구성할 수 있게 되었습니다... 제 생각에 클라이언트가 가능성을 더 생생하게 느끼는 데 도움이 되었다고 생각합니다. 많은 훌륭한 협력이 있습니다.”

“내 고객은 변경 사항이 큰 혼란이나 추가 작업이 될 수 있다고 느끼는 대신 무언가를 요구하는 것에 대해 더 자신감을 느꼈습니다. 이 경우에 이러한 수준의 자유도는 실제로 결국 더 큰 와우 요소를 허용했습니다! 가장 거친 꿈을 실현할 수 있다는 점과 고객이 우리가 어디서 시작했고 어떻게 착륙했는지 보는 것이 얼마나 즐거운 일인지 두 가지 점에서. 그녀는 이제 내 비즈니스의 챔피언이 되었고 다른 사람들을 내 방식으로 보내고 싶어합니다... Kit-work는 내 범위를 제한하지 않고 확장하고 있습니다!”

라이브 웹사이트 보기

01

멜리사 자르다

by Hollyststudio


웹사이트 키트 기반: The Trekker(trekking-tour-company)

이 이미지에는 빈 대체 속성이 있습니다. 파일 이름은 Trakker.jpg입니다.

Melissa의 제출에 대해 우리가 좋아했던 점

Melissas의 웹사이트는 관련 산업이 아닌 클라이언트의 디자인 선호도에 따라 Kit를 성공적으로 선택한 좋은 예입니다. 그녀의 웹사이트는 독창적이고 독창적인 Kit의 기능을 능숙하게 사용하는 동시에 추가된 팝업과 원래 Kit에 포함되지 않은 새로운 섹션을 포함하기 때문에 두드러집니다.

SVG, 공백, 테두리 및 마스크를 영리하게 사용하여 크기 면에서 가볍고 로딩 시간 면에서 효율적인 독특한 모양을 만드는 데 깊은 인상을 받았습니다. 우리는 뛰어난 장인 정신과 사용자 정의 작업으로 인해 이 웹사이트를 가장 높은 순위로 매겼습니다. 반응형 스타일은 전체적인 색상과 타이포그래피, 여백과 콘텐츠의 적절한 균형으로 시각적 스토리를 전달합니다.



Melissa는 Elementor Kits에 대한 생각을 공유합니다.

Q. "트레커" 키트를 선택한 이유는 무엇인가요?

A. “클라이언트 브리핑을 보니 기업적이지 않고 예술적이고, 재미있고, 팝적인 컬러감이 있고, 독특하고 창의적이며 편안한 키트를 찾고 있었습니다. 모두 검토한 후 선택 항목을 3개로 좁혔지만 결국 원래 목록에도 없는 Trekker를 선택했습니다. 딱 맞는 느낌이 들었고 고객이 원하는 미드 센츄리 모드의 매력을 느꼈습니다.”

Q. Kits로 다음 클라이언트 웹사이트를 구축하시겠습니까?

A. “몇 페이지가 아니라 404, 팝업, 단일 게시물 템플릿 등이 함께 제공되는 완전한 키트가 마음에 듭니다. 소규모 사이트에 이상적이며 대규모 사이트를 운영하는 데 도움이 될 수 있습니다. 더 많은 기능(예: CPT/ACF)도 필요합니다. 실제로 이 프로젝트가 시작된 이후로 시작한 3개의 새로운 사이트에 키트를 사용하기 시작했습니다!”


라이브 웹사이트 보기

키트 액셀러레이터 수상작의 주요 내용

우리는 모두 게임의 수준을 높이고 아름답게 보일 뿐만 아니라 고객의 문제를 해결하는 더 높은 품질의 웹사이트를 제공하기를 원합니다. 고객에게 더 많은 가치를 제공하는 것이 항상 기한 내에 쉬운 것은 아닙니다. 바로 Elementor Kit Library와 Elementor Cloud가 필요한 추가 푸시를 제공할 수 있는 때입니다.

모든 수상자는 키트를 지침으로 사용하여 클라이언트의 요구 사항을 충족하기 위해 더 많은 기능을 추가할 수 있는 자유를 누리면서 클라이언트 사이트의 필수 부분을 상기시켰습니다. 제작자가 처음부터 다시 시작할 필요가 없다는 사실을 통해 디자인의 미학과 기능에 더 많은 관심을 기울이고 고객을 위해 더 많은 가치를 창출할 수 있습니다. Elementor Cloud는 창작자가 WordPress 설정 및 Elementor Pro 설치를 건너뛸 수 있도록 하여 더 많은 에너지를 확보합니다.

키트는 지름길에 관한 것이 아니라 효율성에 관한 것입니다. 수상자에게는 프로젝트 준비와 같은 중요한 일에 집중할 수 있는 추가 시간이 있습니다. 그들은 모두 고품질 이미지를 수집하고 고객의 브랜드에 맞는 색상과 글꼴을 신중하게 선택하여 결과를 극대화했습니다. 이번에는 연습이 아닌 준비가 완벽했다.

액셀러레이터에 참여해주신 모든 분들께 이 자리를 빌어 감사의 말씀을 드리고 싶습니다. Roni Ezra-Friedman, Sivan Kotek, Maayan Lazarovich, Rachel Skiba, Tali Vasilevsky 및 이 위대한 프로젝트를 도운 사람

게임의 레벨을 올릴 준비가 되셨습니까? 광범위한 키트 라이브러리 를 사용하여 Elementor Cloud 에서 구독을 쉽게 업그레이드하고 웹 사이트 생성을 시작할 수 있습니다 .

작업 프로세스에서도 Elementor 키트를 사용합니까?
댓글로 알려주세요! 댓글에서 결과를 보게 되어 기쁩니다.