http://www.caicardenas.com Cai Cardenas Wed, 01 Feb 2012 16:41:20 +0000 http://www.caicardenas.com en http://caicardenas.com/LunchClub http://caicardenas.com/following/caicardenas.com/LunchClub Wed, 01 Feb 2012 16:41:20 +0000 Cai Cardenas 2722650 Some mock-up screens for an internal TAB project to do with finding lunch in your local area. <img src="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_01Test1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_01Test1_o.png" align="left" /> <img src="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_02Test1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_02Test1_o.png" align="left" /> <img src="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_03Test1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_03Test1_o.png" align="left" /> <img src="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_04Test1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_04Test1_o.png" align="left" /> <img src="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_05Test1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload21.cargocollective.com/1/4/158714/2722650/LunchClub_05Test1_o.png" align="left" /> http://caicardenas.com/Unilever-Investor-Centre http://caicardenas.com/following/caicardenas.com/Unilever-Investor-Centre Fri, 02 Dec 2011 08:56:04 +0000 Cai Cardenas 2167742 A Unilever investor relations app for iPad and iPhone. The app consists of several "widgets" that cover everything from share price information to annual reports and documents. (Made at TAB) <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Landscape_01.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Landscape_01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Landscape_02.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Landscape_02_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Landscape_04.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Landscape_04_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Portrait_01.png" border="0" width="640" height="810" width_o="640" height_o="810" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Portrait_01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Portrait_02.png" border="0" width="640" height="810" width_o="640" height_o="810" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_Portrait_02_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_iPhone_01.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_iPhone_01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_iPhone_02.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_iPhone_02_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_AppIcon.png" border="0" width="640" height="761" width_o="640" height_o="761" src_o="http://payload.cargocollective.com/1/4/158714/2167742/Unilever_AppIcon_o.png" align="left" /> http://caicardenas.com/Spotify-Personal-Project http://caicardenas.com/following/caicardenas.com/Spotify-Personal-Project Fri, 04 Nov 2011 17:15:24 +0000 Cai Cardenas 2253908 The current iOS Spotify app in my opinion could be a lot better, so I thought I'd take a stab at it. Still early days but hopefully I can update this project soon. This is also my first iPhone app design that isn't initially designed at Retina size, after hearing that's how Mark Jardine designs his apps. So no "larger than life" screen shots for this one! <img src="http://payload.cargocollective.com/1/4/158714/2253908/Spotify_1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2253908/Spotify_1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2253908/Spotify_2.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2253908/Spotify_2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2253908/Spotify_3.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2253908/Spotify_3_o.png" align="left" /> http://caicardenas.com/Photo-Album http://caicardenas.com/following/caicardenas.com/Photo-Album Tue, 18 Oct 2011 17:43:44 +0000 Cai Cardenas 2168090 An iPad photo album app mock that was never used. <img src="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_01.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_02.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_02_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_03.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_03_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_04.png" border="0" width="640" height="486" width_o="640" height_o="486" src_o="http://payload.cargocollective.com/1/4/158714/2168090/PhotoAlbum_04_o.png" align="left" /> http://caicardenas.com/Vector-Shape-Illustrations http://caicardenas.com/following/caicardenas.com/Vector-Shape-Illustrations Tue, 18 Oct 2011 16:40:50 +0000 Cai Cardenas 2167716 A couple of random illustrations I had laying around my hard drive that never got used. <img src="http://payload.cargocollective.com/1/4/158714/2167716/MagIllustrations_01.png" border="0" width="640" height="646" width_o="640" height_o="646" src_o="http://payload.cargocollective.com/1/4/158714/2167716/MagIllustrations_01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167716/MagIllustrations_02.png" border="0" width="640" height="646" width_o="640" height_o="646" src_o="http://payload.cargocollective.com/1/4/158714/2167716/MagIllustrations_02_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167716/MagIllustrations_03.png" border="0" width="640" height="646" width_o="640" height_o="646" src_o="http://payload.cargocollective.com/1/4/158714/2167716/MagIllustrations_03_o.png" align="left" /> http://caicardenas.com/Notebook-Icon http://caicardenas.com/following/caicardenas.com/Notebook-Icon Tue, 18 Oct 2011 16:39:53 +0000 Cai Cardenas 2167710 A "Moleskine" notebook icon I created as a learning exercise. <img src="http://payload.cargocollective.com/1/4/158714/2167710/Notebook_01.png" border="0" width="640" height="800" width_o="640" height_o="800" src_o="http://payload.cargocollective.com/1/4/158714/2167710/Notebook_01_o.png" align="left" /> http://caicardenas.com/Combination-Lock-Icon http://caicardenas.com/following/caicardenas.com/Combination-Lock-Icon Tue, 18 Oct 2011 16:39:12 +0000 Cai Cardenas 2167701 I created this padlock icon for an older version of my website and as a learning exercise. Mostly vectors, in Photoshop. <img src="http://payload.cargocollective.com/1/4/158714/2167701/CombiLock_01.png" border="0" width="640" height="426" width_o="640" height_o="426" src_o="http://payload.cargocollective.com/1/4/158714/2167701/CombiLock_01_o.png" align="left" /> http://caicardenas.com/London-Motor-Club http://caicardenas.com/following/caicardenas.com/London-Motor-Club Tue, 18 Oct 2011 16:38:38 +0000 Cai Cardenas 2167697 This was a freelance project that never saw the light of day. Aimed at motorists, the service covered all aspects of motor maintenance with an easy to use "dashboard" as the centre point. There was no brand to work with so I created the starts of a brand identity before the project came to and end. <img src="http://payload.cargocollective.com/1/4/158714/2167697/LMC_01.png" border="0" width="640" height="390" width_o="640" height_o="390" src_o="http://payload.cargocollective.com/1/4/158714/2167697/LMC_01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167697/LMC_02.png" border="0" width="640" height="390" width_o="640" height_o="390" src_o="http://payload.cargocollective.com/1/4/158714/2167697/LMC_02_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167697/LMC_03.png" border="0" width="640" height="390" width_o="640" height_o="390" src_o="http://payload.cargocollective.com/1/4/158714/2167697/LMC_03_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167697/LMC_04.png" border="0" width="640" height="390" width_o="640" height_o="390" src_o="http://payload.cargocollective.com/1/4/158714/2167697/LMC_04_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167697/LMC_05.png" border="0" width="640" height="390" width_o="640" height_o="390" src_o="http://payload.cargocollective.com/1/4/158714/2167697/LMC_05_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167697/LMC_06.png" border="0" width="640" height="390" width_o="640" height_o="390" src_o="http://payload.cargocollective.com/1/4/158714/2167697/LMC_06_o.png" align="left" /> http://caicardenas.com/ClickTrack-Personal-Project http://caicardenas.com/following/caicardenas.com/ClickTrack-Personal-Project Tue, 18 Oct 2011 16:38:01 +0000 Cai Cardenas 2167694 The idea behind this app is that you could create your own "custom click tracks" of varying tempo, time signature and measures for use in rehearsal or at gigs. I spent a while creating the UI with the intention of getting it to a completed stage and then aim to find a developer to get it built, but it has been put on hold for the time being while I figure out if the concept is strong enough and if there's a demand for this kind of app. Was still fun to design though. <img src="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_1.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_2.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_3.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_4.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_5.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_6.png" border="0" width="640" height="778" width_o="640" height_o="778" src_o="http://payload.cargocollective.com/1/4/158714/2167694/ClickTrack_6_o.png" align="left" /> http://caicardenas.com/Device-Templates http://caicardenas.com/following/caicardenas.com/Device-Templates Tue, 18 Oct 2011 16:14:22 +0000 Cai Cardenas 2167523 A range of device templates to use in mock ups and presentations for various client and personal projects. With the exception of the odd noise texture, they are made up entirely of scalable vector shapes and layer styles in Photoshop. Available for download <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_1.png" border="0" width="640" height="416" width_o="640" height_o="416" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_2.png" border="0" width="640" height="416" width_o="640" height_o="416" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_3.png" border="0" width="640" height="556" width_o="640" height_o="556" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_4.png" border="0" width="640" height="556" width_o="640" height_o="556" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_5.png" border="0" width="640" height="361" width_o="640" height_o="361" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_6.png" border="0" width="640" height="361" width_o="640" height_o="361" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_6_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_7.png" border="0" width="640" height="498" width_o="640" height_o="498" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_7_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_8.png" border="0" width="640" height="498" width_o="640" height_o="498" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_8_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_9.png" border="0" width="640" height="356" width_o="640" height_o="356" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_9_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/158714/2167523/Devices_10.png" border="0" width="640" height="356" width_o="640" height_o="356" src_o="http://payload.cargocollective.com/1/4/158714/2167523/Devices_10_o.png" align="left" /> I also put together a quick video showing a sped-up process of me creating the white iPhone 4s.