Index

Product detail page design Index

lshjju 2025. 11. 21. 21:23

Product detail page design curriculum



잡코리아 트랜드 분석


 

본 과정을 공부해야 하는 목적이 바르고 정확 하면 기분이 좋겠습니다.

현재 잡마켓 트랜드를 분석하여 구체적인 목표를 설정 합니다.
https://lshjju.tistory.com/635

 

상세페이지디자이너 잡마켓 트랜드 분석

구체적인 취업 목표 설정을 위한 리서치2025년 11월 현재 잡코리아 상세페이지디자이너 구인 요강 트랜드 분석 자료 입니다.목표 설정에 참고가 되면 좋겠습니다.여러분의 시간은 소중하니까 요

lshjju.tistory.com



최종 목표 체크


포트폴리오 유알엘 만들기
본 레슨의 최종 목표는 회사 제출용 포트폴리오 유알엘 입니다.
본인이 생각하는 베스트 솔루션이 있다면 그대로 하면 됩니다.
그렇지 않다면 강사가 제공하는 레퍼런스로 제작하면 됩니다.
즉, 아래의 레퍼런스처럼 만들면 됩니다.

 

포트폴리오 개수는 기본2개 이상 추천 합니다.

템플릿 베이스로 프로젝트 아래에 마이프로젝트2/마이프로젝트3

이런식으로 추가하면 됩니다.


만약 종강 후 강사가 제시한 레퍼런스 보다 더 좋은 아이디어가 있다면 당연히 업그레이드 합니다.

https://lshjju.tistory.com/624

 

My Product detail page design portfolio

안녕하세요.문제를 시간내에 해결하고 질문도 잘 하는 마이네임입니다.마이네임을 채용할 경우 제공 되는 특별한 혜택 두가지Solution ability / Dead line / Time / Good question/ Attitude / Point / Good coworker

lshjju.tistory.com



GTQ로 공부하는 일러스트 매뉴얼


GTQ 자격증 시험을 준비 하다 보면 어느새 일러스트를 잘 하는 사람이 됩니다.
https://lshjju.tistory.com/636

 

GTQi index

GTQi 로 공부하는 일러스트 매뉴얼 입니다.GTQi Illust Test specifications 시험 요강 입니다.에이아이가 정리 한 자료이므로 틀린 정보가 있을 수도 있으니 공홈을 한번 더 확인하기 바랍니다.https://lshjju

lshjju.tistory.com



GTQ로 공부하는 포토샵 매뉴얼


GTQ 자격증 시험을 준비 하다 보면 어느새 포토샵을 잘 하는 사람이 됩니다.
https://lshjju.tistory.com/637

 

GTQ index

GTQ로 공부하는 포토샵 매뉴얼 입니다.GTQ Photoshop Test specifications시험 요강 입니다.에이아이가 정리 한 자료이므로 틀린 정보가 있을 수도 있으니 공홈을 한번 더 확인하기 바랍니다. https://lshjju.ti

lshjju.tistory.com



My web service를 배포하는 몇 가지 방법


포트폴리오 프로젝트를 실제 웹서비스 형태로 배포하는 것도 훌륭한 선택입니다.
나의 웹서비스를 세상에 배포하는 몇 가지 방법을 케이스 스터디 합니다.

몰라도 되지만 알면 더 행복해 집니다.
https://lshjju.tistory.com/632

 

my web service를 배포하는 몇 가지 방법

프론트엔드 프론트엔드에 해당하는 방법입니다.데이터베이스가 포함 되는 백엔드 프로젝트는 다른 방법으로 접근해야 합니다.여기서는 프론트엔드 프로젝트 케이스만 설명 합니다.유료 도메

lshjju.tistory.com



디자인 실무자의 북마크


디자인 실무자라면 누구나 알고 있는 디자인 관련 사이트를 정리 했습니다.
상세페이지가 아닌 유아이디자인 위주이지만 상세페이지 디자인에도 반드시 필요한 레퍼런스입니다.
참고 바랍니다.

https://blog.naver.com/moolsaess/222771641173

 

UI디자인 레퍼런스 베스트

디자인 레퍼런스 베스트 오랜 기간 국내 및 전세계에서 사랑받고 있는 검증된 UI/UX 디자인 레퍼런스 ...

blog.naver.com



웹 유아이 디자인을 위한 포토샵 가이드


개발팀과 코웍 할때 필요한 포토샵 제작 기법 강의 입니다.

이렇게 하면 회사에서 인싸 가능 입니다.

https://lshjju.tistory.com/625

 

웹 유아이 디자인을 위한 포토샵 가이드

개발팀과 코웍 할때 필요한 포토샵 제작 기법 강의 시작 합니다.포토샵 폴더/레이어 네이밍을 HTML 마크업 문법으로 네이밍하여 개발팀과 코워킹에서 업무 효율을 높이는 스킬 가이드 입니다. ​

lshjju.tistory.com



상세페이지 디자인 케이스 스터디


현재 상세페이지 디자인 트랜드를 스터디 합니다.
비기너의 스터디 방법은 강사 추천 레퍼런스를 디자인툴로 그대로 재현해 보는 방법이 가장 효과적입니다.
이 스터디는
- 현재 디자인 트랜드 분석

- 디자인 툴 실무 트레이닝
이 두가지를 목표로 합니다.
https://lshjju.tistory.com/628

 

상세페이지 디자인 케이스 스터디

상세페이지 디자인 참고자료를 케이스 별로 정리해 보았습니다.참고 바랍니다. 핀터레스트 레퍼런스핀터레스트에서 훌륭한 레퍼런스를 보드에 모아 두었습니다.참고 바랍니다. https://kr.pinterest

lshjju.tistory.com



포토샵 이미지 리터칭


상세페이지 디자이너에게 사진 보정은 필수 능력 입니다.

사진 보정에서 중요한 스킬은

컷아웃/리터칭/어드저스트먼트입니다.

익숙한 단어로는 누끼/변형/톤조절 입니다.
아래 링크로 중요한 기능들을 알아 봅니다.

 

컷아웃

https://lshjju.tistory.com/666


리터칭

https://lshjju.tistory.com/638

 

어드저스트먼트

https://lshjju.tistory.com/672



상세페이지 디자인 원칙 10


쇼핑몰 상세페이지 디자이너가 꼭 알아야 할 10가지 원칙을 안내 합니다.
https://lshjju.tistory.com/627

 

상세페이지 디자인 원칙 10

쇼핑몰 상세페이지 디자이너가 꼭 알아야 할 10가지 원칙■ “디자인은 예쁘기만 해서는 안 된다”상세페이지 디자인은 단순히 ‘예쁘게 만드는 일’이 아니다.고객의 시선을 끌고, 제품을 이

lshjju.tistory.com



상세페이지 디자인 체크리스트


쇼핑몰 상세페이지 디자인 최종 검수 체크리스트 (15개)를 안내 합니다.
https://lshjju.tistory.com/647

 

상세페이지 디자인 체크리스트

쇼핑몰 상세페이지 디자인 최종 검수 체크리스트 (15개)1. 첫 화면(히어로)이 제품을 바로 이해시키는가?제품 정체성·핵심 혜택이 3초 안에 보이는가.2. 시선 흐름이 자연스러운가?위 → 아래 / 큰

lshjju.tistory.com



실무자 디자인 벤치마킹 노하우 스터디


디자인 벤치마킹은 디자인 과정 중 필수이고 매우 중요한 스텝입니다.
실무자는 디자인벤치마킹을 어떤 콘셉트로 하는지 같이 알아 봅니다.
https://blog.naver.com/moolsaess/221276921116

 

디자인 벤치마킹 기법에 대하여

필자가 디자인을 하며 느꼈던 벤치마킹 기법에 대한 경험을 얘기해보겠습니다. 7줄 요약 디자인은 벤치마킹...

blog.naver.com



헬퍼런스


99퍼센트 실무 디자인은 굿 레퍼런스에서 출발 합니다.
디자인 레퍼런스는 강사의 가이드 및 체크가 필요 합니다.
카페메뉴 중 헬퍼런스 카테고리에 레퍼런스를 업로드 해주세요.
아래 템플릿을 준수해 주세요.
https://cafe.naver.com/uksweb202311/434



유아이 디자인 프로젝트를 위한 콘텐츠 선정 전략


프로젝트를 진행하려면 콘텐츠를 정해야 합니다.
가상의 콘텐츠 보다는 현존하는 브랜딩이나 제품을 선정하는 편이 합리적 입니다.
프로젝트 콘텐츠를 선정 합니다.
자세한 내용은 아래 포스팅을 참고 하세요.
https://lshjju.tistory.com/630

 

유아이 디자인 프로젝트를 위한 콘텐츠 선정 전략

콘텐츠 선정은 얼마나 중요할까? 유아이 디자인 포트폴리오를 진행하려면 콘텐츠를 정해야 합니다. 즉, 어떤 기업이나 브랜드를 대상으로 디자인 할것이냐는 매우 중요한 조건 입니다.콘텐츠가

lshjju.tistory.com



프로젝트 트레이닝


프로젝트를 진행 합니다.
제작중인 프로젝트는 강사와 같이 고민하고 연구 합니다.
제작중인 프로젝트는 포스팅에 올려 주세요.
카페 메뉴에 프로젝트 카테고리가 있습니다.
프로젝트 카테고리에 포스팅을 하나 작성하고 거기에 프로젝트를 업로드 해 주세요.
형식은 프로젝트 샘플 포스팅을 참고 하세요.
https://cafe.naver.com/uksweb202311/727



최종 프로젝트 셀렉


프로젝트를 완성 했다고 그것을 모두 제출 할 필요는 없습니다.
프로젝트 중 베스트를 골라서 제출해야 합니다.
제출 할 프로젝트를 선정하는 과정입니다.
이 과정에 강사의 가이드와 참여가 있다면 도움이 될 것 같습니다.

강사는 여러분의 프로젝트 선정에 상당히 많이 관여하고 싶은 욕심이 있습니다.
아래 유알엘에 본인이 생각하는 베스트를 댓글로 등록해 주세요.
https://cafe.naver.com/uksweb202311/730


포트폴리오 완성


최종목표체크에 공개된 유알엘을 레퍼런스로해서 포트폴리오를 완성 합니다.
레퍼런스대로 프로젝트 및 내용들을 모두 완성하면 포트폴리오가 완성 됩니다.
그렇게 완성 된 포트폴리오 유알엘을 아래 포스팅 댓글로 제출 하세요.
종강 후 더 좋은 아이디어가 생각 난다면 당연히 업데이트 합니다.
https://cafe.naver.com/uksweb202311/729

 



종강 후 포트폴리오 업그레이드


만약 종강 후 포트폴리오를 더 업그레이드 할 수 있다면 베리나이스 입니다.

웹서비스 포트폴리오를 완성하고 영상 프리젠테이션까지 준비되었다면 아래 레퍼런스도 참고해 보세요.

포트폴리오가 더 풍성해진다면 당연히 합격률을 더 올라갈 것입니다.

https://lshjju.tistory.com/4

 

My name portfolio

I am문제를 시간 내에 해결하고 질문도 잘 하는 마이네임입니다. 마이네임을 채용하실 경우 제공 되는 특별한 혜택 두가지Solution ability / Dead line / Time / Good question / Attitude / Point / Good coworker ■ [

lshjju.tistory.com



피그마 실무 프로젝트 강의


피그마에도 관심이 있다면 아래 포스팅을 참고 하세요.

https://lshjju.tistory.com/626

 

 


'Index' 카테고리의 다른 글

GTQ index  (0) 2025.11.25
GTQi index  (0) 2025.11.25
Next.js project index  (0) 2025.09.27
ca-index  (0) 2025.09.18
Do it! 자바스크립트 웹 표준의 정석  (0) 2025.08.11