프로덕트

아직 프로덕트가 없습니다.

아티클

전체 보기
Add Kim

Add Kim

연습물들을 위한 웹사이트를 만들어봤어요

며칠 전 부터 일러스트레이터를 배워볼겸 여러가지 연습물들을 만들고 있습니다.

스크린샷 2024-06-23 14.18.19.png

이 연습물들을 아카이빙 할 공간을 직접 만들어보면 좋겠다 싶어서
프레이머로 저만의 사이트를 제작해봤습니다.

반응형도 되어있습니다 !


[홈페이지 - 메인배너]

hover시 인터렉션

스크린샷 2024-06-23 14.19.58.png


[홈페이지 - 디자인 10원칙 | 디터람스 ]

스크린샷 2024-06-23 14.20.21.png


[홈페이지 - 디자이너 하이퍼링크 ]

스크린샷 2024-06-23 14.22.03.png


[홈페이지 - 푸터 ]

코스모스, 세이브, 인스타그램, 노트폴리오에도 아카이빙 중입니다 !

스크린샷 2024-06-23 14.22.40.png


[작업물 페이지 - 탑 바, 작업물들]

스크린샷 2024-06-23 14.23.25.png

별볼일 없는 글과 작업물들에 관심 가져주셔서 감사합니다 !

4
0
Add Kim

Add Kim

| 좋은 것은 무엇인가에 대해

개발 시작한지 : 169일

팀 합류 : 2일


서문 )

팀에 합류하고 가장 먼저 시작한 업무는

' 좋은 SaaS는 어때야 하는가 ' 에 대한 고찰이었습니다.

저는 이 질문에 답하기에 앞서

먼저 '좋다' 라는 것이 무엇인지부터 확실히 이해하고 싶었습니다

제가 어떤 단어를 이해하기 위해 가장 먼저 하는 행동은 그 단어의 정의를 찾아보는 것입니다 .

스크린샷 2024-02-20 오후 2.15.15.png

이 내용을 보고 '좋은 것' = '수준이 보통 이상인 것' 이라는 결론이 도출됐고

여기서 또 '수준' 이란 정확히 무엇인지 궁금해져 찾아보았습니다

스크린샷 2024-02-20 오후 2.17.28.png

이것을 보고 '수준' = '가치' 라는 사실을 명확히 알게되었습니다.

정리하자면

" 좋은 것 = 수준이 보통 이상인 것 = 상대적으로 가치가 높은 것 "

그렇다면 또 궁금증이 생깁니다

가치 ( value ) 란 무엇일까요?

또한 " 가치가 높다 " 라고 평가되는 것들은 어떤 이유에서 그렇게 평가받는 것일까요?


1. 가치란 무엇인가

우리는 각각의 가치관을 통해

추구하는 목표를 세우고 ,

행동을 이끄는 동기를 만들어내죠

즉, 가치란 개인의 관점에서

' 자신의 삶에 얼만큼의 의미를 부여하는지를 기준하는 단어라고 볼 수 있는거죠 '

그래서 우리는 자신만의 경험과 이해를 통해, 개인적인 가치를 창조해야 하는 것입니다


자기계발적인 얘기는 여기서 끝마치고

그렇다면 여러 사람들이 "가치가 높다" 라고

평가하는 것들은 어떻게 정해지는 걸까요?

이 질문에 답을 구하기위해

사람들이 ' 가치가 높다 ( 좋다 ) ' 고 느끼는 서비스 나 물건들의 특징들을 살펴봤어요

  1. 개인적 의미와 연결성 :

    사람들은 물건이나 서비스가 개인에게 특별한 의미를 가지거나,

    그들의 삶과 깊게 연결되어 있다면, 높은 가치를 지닌다고 평가되요

  • ex ) 개인의 취미나 열정을 지원하는 도구나 서비스

  1. 품질과 내구성 :

    물건이 오랫동안 사용될 수 있고, 그 사용 과정에서 지속적으로

    높은 품질을 유지한다면 가치가 높다고 평가되요

  • why? ) 내구성과 유지보수가 쉬운 제품은 장기적으로 볼 때 경제적으로

ㅤㅤㅤㅤㅤㅤ현명한 선택을 했다고 느끼게 하기 때문이에요

  1. 혁신성과 창조성 :

    시장에 새로운 해결책이나 독창적인 접근 방식을 제공하는 물건이나 서비스는

    그 혁신성 덕분에 높은 가치를 지닌다고 평가되요

  • why? ) 이는 기존의 문제를 해결하거나 사용자 경험을 획기적으로 개선할 수 있는

    ㅤㅤㅤㅤ잠재력을 가지고 있기 때문이에요

  1. 정서적 만족 :

    물건이나 서비스가 개인에게 정서적 만족이나 즐거움을 제공한다면, 높은 가치로 평가되요

  • ex ) 예술작품이나 음악 , 여행서비스 등


이들은 단순히 경제적 가치를 넘어선,

그 물건이나 서비스가 인간의 삶의 질을 어떻게 향상시키는가,

우리의 삶에 얼마나 의미있는 변화나

향상을 가져다주는가 평가되는 것입니다


이렇게 좋은 SaaS란 무엇인가에 대한 본질적인 물음을 시작으로

가치에 대한 정확한 이해까지 도달하여

실제로 SaaS를 디자인하고 구현할 때

본질적으로 가치있는 제품을 만들 수 있는 인사이트를 터득할 수 있었던것 같습니다.

다음에는 다른 배운점을 들고 또 찾아오겠습니다 !

긴 글 읽어주셔서 감사합니다 !! 🙇🏻‍♂️

6
4
Add Kim

Add Kim

| 익숙한 환경을 떠나고 새로운 기회를 찾아서 - 기록의 시작

개발 시작한지 : 168일

팀 합류 : 1일

안녕하세요 아이티쿤 입니다 !

개발을 시작하고 내가 만드는 것들을 어딘가에 올리자 ! 라고 마음을 먹고

디스콰이엇에 꾸준히 작업물들을 올리기를 언 100일쯤

저에게 뜻밖의 기회가 찾아왔습니다

스크린샷 2024-02-19 오후 12.01.02.png

바이올렛페이 ( 현 : point3 ) 에서 팀 합류를 제의해주신 것입니다.

보자마자 너무 좋은 기회라고 생각이 드는 동시에

아직 많이 부족한 저에게

이런 제의를 주신것에 대해 많은 의문과 걱정이 들었습니다 .

하지만 이 소중한 기회를 놓치기 싫었고,

적극적으로 팀 합류에 대한 긍정적 의사를 표했습니다

그러고선, 오프라인에서 만나뵐 기회가 생겨

여러 대화 끝에 팀에 합류하게 되었습니다.


저는 오늘부터 제가 이 팀과 제가 성장하며 겪는

좌충우돌한 모든 경험 들을 기록할 예정입니다

제가 어떤 근거로 의사결정을 내렸고, 어떤 것을 배웠고 ,

그 안에서 느낀 인사이트는 무엇인지

모두 상세하게 기록해나가보도록 하겠습니다 !! 😊

13
8
Add Kim

Add Kim

논스 도전장학금에 지원하기 위해 제작한 나를 담은 웹사이트

개발을 시작한지 : 155일

지금까지 배운것 ( html , css ) 들을 적극 활용해서

최대한 저라는 사람을 표현하는 웹사이트를 만들기 위해 노력했습니다!

사실상 처음으로 포장까지 끝낸 최초의 프로젝트 같네요

재밌는 인터렉션들이 많으니 즐겁게 음미해주세요 !


1. 메인페이지 / UJIN KIM ( who? )

image.png

언제( when ) 를 제외한 육하원칙 ( who , where , how , what , why ) 을 바탕의

각각 다른 컨셉으로 디자인된 페이지를 통해 저를 탐구할 수 있습니다.


2. JEJUBOY ( where? )

image.png

이 페이지는 제가 어디에서 살아왔는지 알리기 위해 간단하게 제작된 인터렉션 페이지 입니다.


3. 20202020 ( how? )

image.pngimage.png

이 페이지는 제가 20년의 인생을 어떻게 살아왔는가에

대해 소개하는 페이지입니다

살아오며 큰 저에게 영향을 주었던 나이를 시각적으로 표현했습니다


4. MAKE IT NEW ( what? )

image.png

이 페이지는 제가 프론트엔드 개발을 시작하고 무엇들을

만들었는지 보여주기 위한 페이지 입니다

제가 현재 가장 좋아하는 디자인요소인 노출콘크리트를 웹페이지에 활용해보았습니다


5. PHILOSOPHY ( why? )

image.pngimage.png

이 페이지는 제가 왜 프론트 엔드 개발을 시작하게

되었나에 대한 고찰을 확인할 수 있는 페이지 입니다.


제 첫번째 프로젝트에 관심을 가지고 글을 끝까지 읽어주신 모든 분들에게

진심의 감사함을 보냅니다 !

아마 이 프로젝트가 HTML , CSS 만을 사용한 마지막 프로젝트가 될것같네요

현재 vue.js를 열심히 공부하고 있답니다 ㅎㅎ

그럼 좋은 하루 보내세요 !

피드백은 언제나 환영합니다 !

9
0

포스트

아직 포스트가 없습니다.