redgoose(붉은거위)

The Design 펜션

Nest
Tool & Service
Category
External
Hit
645
Star
0

theDesignPension2_001.jpg

똑같은 컨셉의 펜션 템플릿을 두개를 만들 예정이었다. 한개는 만들었지만 다른 작업일정에 치여서 이것은 몇개월후에 작업을 시작하게 되었다.
반응형웹으로 디자인이 다 만들어져 있었지만 시간이 많이 지나기도 하고 이 형태를 반응형으로 만들어버리면 작업기간이 엄청나게 길어지고 왠지 불안해져서 pc버전만 만든다고 못박아버리고 작업을 시작했다.

배경이미지 한장을 크게 채워버려서 비쥬얼적으로 멋지긴 하지만 로딩속도에서 많이 걸리는 작업이다.
회사 내부에서도 최신 브라우저만을 지원하자는 분위기여서 css3 animation을 상당히 많이 사용했다. css3 animation이 지원되지 않으면 그저 깜빡일뿐 기능적으로 문제가 일어나지는 않으니깐 크게 부담은 없었다.

theDesignPension2_002.jpg

디자인에서 컨텐츠가 표현되는 영역이 조금씩 틀려서(일정한 패턴이 없어서 규칙을 정하기가 불가능했다.) 컨텐츠마다 일일히 css를 재작성하느라 애먹었다.
다시한번 디자이너가 역시 html의 흐름에 대하여 이해가 있어야 작업하기 힘들지 않을것이라는 생각도 하게된다.