![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/0c7de834-bf3b-4be3-a0d4-16efc03c8d44_rw_3840.gif?h=ee745fcce5de42a291c0ebf86311d0b4)
CAMP is a center for communities, art, change and the future. has made commitments to respect and ally with the Zipoliteño community, the natural environment, and to be a safer-space for people of any identity and self-identification.
RESPONSIVE WEBSITE DESIGN
The website design is kept simple and straightforward to resemble the values of CAMP. The prototyping took us to a direction of a single-page scroll with the narrative itself posing as the main menu of the site, using drop down collapse.
The website design is kept simple and straightforward to resemble the values of CAMP. The prototyping took us to a direction of a single-page scroll with the narrative itself posing as the main menu of the site, using drop down collapse.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/dd94b2e1-05f1-4fb9-96e8-0d3385118467_rw_1920.jpg?h=8ef52b842d4137e3c68193694858710f)
BACKGROUND VIDEO
The background video was art-directed and designed to illustrate the raw simplicity of a day spent at CAMP. The video alone can be viewed below. Hope it sends you to Zipolite. These video elements are carried further in the visual identity designed for CAMP.
The background video was art-directed and designed to illustrate the raw simplicity of a day spent at CAMP. The video alone can be viewed below. Hope it sends you to Zipolite. These video elements are carried further in the visual identity designed for CAMP.
Visual Identity & Art Direction
The visual identity is designed for camp inspired by this video footage. The color palette, forms, and motion in the layout are designed such that they try to juxtapose a geometric reality with a natural one. Circles stay a predominant theme in the visual language to illustrate that if anything, CAMP is a wholeness center.
The visual identity is designed for camp inspired by this video footage. The color palette, forms, and motion in the layout are designed such that they try to juxtapose a geometric reality with a natural one. Circles stay a predominant theme in the visual language to illustrate that if anything, CAMP is a wholeness center.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/37e45541-9476-4789-aa11-d7cfbd77abd9_rw_3840.png?h=24d553267a6d90a785f3bf0969a03b2c)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/0a47256e-1878-47ed-a432-6bff922f0861_rw_3840.png?h=187c98a059f4c09bc333e77b5645ecd8)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/332a9a38-cc16-459e-8cd4-ecc6244c2095_rw_1920.jpg?h=8a7f89c8c0f5e119d7a4a53ac3ed6417)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/59fb663c-98ec-4cea-b25d-dd4190a60f09_rw_1920.jpg?h=96556beb30edf6b1af507bc6f9e13f5e)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/a0212f3c-9ef9-45c5-bb6b-d851103fc71d_rw_1920.jpg?h=918f0cd27913d5e1900a30d3f4baeb10)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/0e9e7c5f-bcdd-443a-b668-ac313827df31_rw_1200.gif?h=0eb2b98cc335ca3c966f0c9b2ca0115b)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/2a427bd2-8602-42c9-837e-a7f4c93b9da9_rw_1200.gif?h=32e8695d567abf48701448482e37e609)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/959df7bd-bbfb-48e8-a99d-e448181666ec_rw_1200.gif?h=3313568d070ba40ebcfda642026dcaa5)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/9f4d1a86-2100-476e-b311-69c773bd328a_rw_1200.gif?h=1b266e6de8557e890fe555f451d92d90)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/8e0b12ac-7448-45d0-a2d4-dfef4cedb9af_rw_3840.gif?h=8e15d55ba1688a9c03060a40fe998add)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/1734a4e4-b83b-4e06-9eb6-5032e6d8c3f6_rw_1920.png?h=fbeced4c34f5a7097be1007ea7b110af)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/fa1879c4-4e48-4621-ae9b-731edb6f1cb4_rw_1920.png?h=7d4969591cbc0234cf7427e5326422ba)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/a7e9da9b-e5a4-4fc3-8f1e-9cce0b8a879d_rw_1920.png?h=55cce1ddc80bfbd82872338ad6009134)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/cfc2d27f-ef5d-477d-9c1a-578069379103_rw_1920.png?h=e69dc80ac17bdfb524fdd03a916fcf9d)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/19de5f27-77c9-4d9e-857b-e87bc8c67997_rw_1920.png?h=85b0c5502268960886d21a0166bb0c9a)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/a9f6940f-2b84-492a-8369-6575991a927c_rw_1920.png?h=4ed9fa53840c31293aaf66fb177194c5)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/da5b0c8c-521f-4151-994c-bd5dd092b728_rw_1920.png?h=09ae84329c2370ab87c170b2e6bb409e)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/740447d7-3e0b-4658-9255-749247b1f07d_rw_1920.png?h=79ad4a9ca173708f4f468b36bd6226aa)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/b4529ca0-9715-400a-9189-be20f7a92d21_rw_1920.png?h=0e74d82d2fb159d3060cf404c585f100)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/cab1d42d-e3d3-442c-99e1-8724d7868ae5_rw_1920.png?h=21799fb8fb861fc9f05ece455580575c)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/b7b15271-313a-4fd9-82c3-affdcc906e00_rw_1920.png?h=14b7ebdfa33ddf85d7bbffd61587ff01)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/1c7f0482-d8ff-4605-9fde-1edbe772ba85_rw_1920.png?h=f4262044a311339879e81642cf070d21)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/c4472a4f-faa6-4ab3-ac32-327096edc7e5_rw_3840.jpg?h=41cf592eb9bd9b050db8307911029c0b)
Directions and Process for the IDENTITY DESIGN
Many logo directions were experimented with to reach the final one. Some of them took inspiration from the shapes of the roof structures, called 'talapas' found at CAMP.
Following the logo explorations, are some in-process layouts.
Following the logo explorations, are some in-process layouts.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/d7465d85-e236-421e-a1bc-dd91498f2931_rw_1200.jpeg?h=c35431887dea60dd260f29d0ba1ba712)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/0a355a8b-586e-4e9f-9da1-a7fdcc20dedc_rw_1920.png?h=14f3a90c093dfc69266774dbaaea315a)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/85f6f8f6-8fc1-407c-b9ad-2f59fe7e3f0c_rw_3840.png?h=d0a7b6542fb665e59711ca5f2b39fa10)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/6894ddb9-f493-4aca-be0d-0581d7f741dc_rw_3840.png?h=a2a3efb6c4396057367f733215af1351)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/693f143f-6a9a-4f6d-8146-2dc48cfb8aa7_rw_1920.png?h=d996f128815d63858d14dc69cedb2a55)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/755bb483-dbb0-4362-b145-cd6617aadd40_rw_1920.png?h=be80a95f1b49be30b94aafb1812fa1ce)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/d8f99289-ad10-46cb-a9f1-225b65908f96_rw_1200.png?h=ac359008a315a0640d715af582c103fb)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/6742647a-4131-4555-9405-e5721b167de5_rw_1920.png?h=695ec1bc6d1a913e0d35dabb3a7c4c50)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/210abfda-589b-4df7-9d66-273da3e01117_rw_1920.png?h=6368198bbaee95677c352987eecea8b0)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/b9e89f64-e25e-4f4d-8e93-da0c2903f2db_rw_1920.png?h=cab986b3c47bd5d658848b0d323ca696)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/95f852496d018c3ae0d12c3121f8e637/8f9f064b-83c5-48cc-9813-ce46a2717a9a_rw_1920.png?h=cc998e3ee4bb599773a53d9556c9e666)