tag:blogger.com,1999:blog-281842682009-04-07T13:29:19.266-07:00Web & InteractiveThe best thing about web and interactive media is that you have to be a jack of all trades to produce the complex audio/visual content that is delivered online or on optical media. The best thing about being a jack of all trades is that you really don't have to be good at anything.johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.comBlogger33125tag:blogger.com,1999:blog-28184268.post-22662302145468420882008-09-08T13:28:00.002-07:002008-09-08T13:42:29.167-07:00BYU Meal Plans Web Site<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dining.byu.edu/mealplans/"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_MP_Site.png" border="0" alt="" /></a>BYU Dining Services needed a new Meal Plans website to help people find the information needed to purchase plans. They wanted a new look that was fresh and fun and a good campaign to match, so I enlisted the help of some student designers and writers to help me revitalize the site. I put together a color scheme and a basic concept. Megan Lagerberg designed some amazing patterns. Neil Whitehead designed the logo, some fonts, and supporting graphics. Natalie Mitts designed one of the fonts as well. Alex Stewart designed the trees, vines, and grass while helping with a few other things as well. We all collaborated on the marketing copy, and I finished the site with support from Ryan Conley, a web developer. The concept of the site is to illustrate what people are going to do with all the extra time and money they save by using a BYU Meal Plans. It's the easy life!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-2266230214546842088?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com1tag:blogger.com,1999:blog-28184268.post-50176697594028824092008-07-11T11:35:00.007-07:002009-02-03T15:40:33.771-07:00BYU Dining Services CSS Site TemplateBYU's Dining Services homepage desperately needed an image overhaul. They were using the old academic template that didn't serve their purposes for promoting their brand(s) and corporate image. I provided a new design that focused on food images and enticing messages. The final product included rotating feature photos, featured restaurant locations, rotating ads, and a few extra bells and whistles. The template also included designs for interior pages and additional content. You can see how it was implemented on the following sites. Be sure to check out the interior pages too!<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dining.byu.edu/"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 320px;" src="http://johnlepinski.com/images/320/Dining_Home.gif" alt="" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dining.byu.edu/jambajuice/"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 320px;" src="http://johnlepinski.com/images/320/Jamba_Home.gif" alt="" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dining.byu.edu/blueline/"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 320px;" src="http://johnlepinski.com/images/320/BLD_Home.gif" alt="" border="0" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-5017669759402882409?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-36479314248960715692008-02-07T16:37:00.000-07:002008-02-07T16:44:36.044-07:00BYU Housing Web Interface Design & Layout<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_HousingSite.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_HousingSite.png" border="0" alt="" /></a><br />BYU Campus Accommodations needed a new design for their web sites and web applications that matched the color style of the new BYU homepage designs but added a little more simplicity and visual flair. I designed a tabbed interface that would work with scripted dropdowns and finished the sited design with additional graphics, color schemes, and Flash media.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-3647931424896071569?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-67069723835961393172007-08-23T07:50:00.000-07:002007-08-23T07:55:32.330-07:00Family Pulse Homepage Design<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_family_pulse.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_family_pulse_homepage.png" alt="" border="0" /></a>This is a homepage design that I created for Family Pulse. They needed something that was simple, catchy, clean, professional, and a bit web 2.0 with gradients and tabs.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-6706972383596139317?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-68321173495474138332007-07-02T22:30:00.001-07:002007-07-05T11:53:43.197-07:00Entice Labs Interface Concept<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_Entice_Interface.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_Entice_Interface.png" alt="" border="0" /></a>Entice Labs (a new Utah Valley startup) asked me for a new concept design for their logo and interface design. As a bit of a challenge, they wanted me to see what I could do with their logo and a couple of interface sketches to make them Web2.0 worthy in under 24 hours. I could only spend a few hours in the evening on it. But, I thought it would be a fun challenge, so I whipped out some pretty fun concepts on the fly with no direction. I really enjoyed creating these designs and had a lot of fun with the ideas and color schemes. I based the logo concept on the glowing appendage that an angler fish uses to entice its prey - notice the association. I was inspired by the idea and extended the theme into my interface designs by using dark neutrals and bright colors like you might expect to see on an exotic fish, which probably isn't much of a surprise because you all know how much I like fish.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-6832117349547413833?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-19146541063693336522007-01-30T20:00:00.000-07:002007-06-08T08:57:23.735-07:00Spring Valley Web Site Design<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_spring_valley.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_spring_valley.png" border="0" alt="" /></a>This was a simple web site interface and layout for Spring Valley, which was a line of herbal supplements owned and operated by Twinlab. I emphasized the colors, shapes, and textures found in their original logo and the blending of science and nature. It was a simple design, but it was also clean and professional.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-1914654106369333652?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-80434376036747217642007-01-30T19:59:00.000-07:002007-06-08T08:37:35.106-07:004Life Research CD-ROM Interface Design and Layout<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_4Life.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_4Life.png" border="0" alt="" /></a>I designed this interface and layout for an interactive CD-ROM for 4Life Research. They needed something clean to present their identity and serve as an interface for people to browse to various video clips within the disc. The big buttons and rollovers left little doubt for the users who found it very easy to navigate.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-8043437603674721764?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-37026830859196409162007-01-30T19:09:00.000-07:002007-02-14T09:39:37.880-07:00Keystone Learning Systems<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_keystone.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_keystone.png" border="0" alt="" /></a>Keystone Learning Systems needed a new interface and layout for an interactive CD-ROM that they were developing. This design was a concept that did not get selected for the final product. But, I liked the look of it.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-3702683085919640916?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-7092664781720602292007-01-30T16:36:00.000-07:002007-02-14T09:41:22.396-07:00Nextpage Networks<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/flashmedia/nextpage.swf"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_nextpage2.png" border="0" alt="" /></a>This is another supplemental interactive Flash graphic that I created for some Nextpage corporate presentations.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-709266478172060229?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-72368063220248047382007-01-30T13:41:00.001-07:002007-01-30T16:29:48.261-07:00Nextpage Interwoven Integration<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_nextpage1.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_nextpage1.png" border="0" alt="" /></a>Nextpage was working on some corporate presentations and needed some help with some informational graphics. I was working for an interactive agency at the time, and I got the opportunity to work on their fun projects. This is one of the supplemental designs they selected for their project. It used a lot of isometric shapes, which I really enjoyed.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-7236806322024804738?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-26572519934669903232007-01-30T13:40:00.001-07:002007-02-14T09:42:00.252-07:00Ingeo Web Site Concept<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_ingeo.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_ingeo.png" border="0" alt="" /></a>Ingeo needed a concept design for a new web site they were launching, and I offered these designs for a splash page and a content interface. They were very simple and minimalistic. I really wished they had selected them.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-2657251993466990323?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-69944750485384221512007-01-30T13:39:00.000-07:002007-01-30T16:21:17.598-07:00Veiled Voyage<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_veiled.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_veiled.png" border="0" alt="" /></a>The Veiled Voyage was one of the most adventurous concepts I ever stumbled across. It was a service that a small travel agency offered in the late 90's to customers who wanted to travel without planning. The customer would give the company a budget and dates that they wanted to travel. Then, the agency would book them a package for the dates they chose. And, the customer would not discover where he/she was going until the day of the trip. I designed their first web site and the logo you see pictured in the screen shot. It was lots of fun!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-6994475048538422151?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1162601277276493282006-11-03T17:35:00.000-07:002006-11-03T17:49:06.583-07:00Marketing Authorities Web Site<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://marketingauthorities.com"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px;" src="http://johnlepinski.com/images/320/320_Marketing_Authorities.png" border="0" alt="" /></a><br />I designed a simple and clean web site for The <a href="http://www.marketingauthorities.com/">Marketing Authorities</a>. The objective was to create a site that relied very little on large images but maintained a bright, friendly feel by using vibrant blues. The site contains many resources for marketing small businesses including templates and useful information for creating logos, brochures, web sites, e-commerce solutions, etc.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-116260127727649328?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147829646904910532006-05-16T18:33:00.000-07:002006-05-19T13:07:02.996-07:00Minute Maid Juice Site<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_MinuteMaid.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_MinuteMaid.png" alt="" border="0" /></a><br />BYU Dining services was doing promotions for Minute Maid Juice on campus. I was recruited by the director to design this web site for the campaign. I used a lot of stock photography of fruit and juice from the SASCM library to create a juicy image. Emphasis was also placed on bright, saturated colors in the simple interface.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114782964690491053?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com1tag:blogger.com,1999:blog-28184268.post-1147819935478502572006-05-16T15:48:00.000-07:002006-05-16T18:36:28.376-07:00Discovery Investment Group Web Site<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_DIG_Site.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_DIG_Site.png" alt="" border="0" /></a><br />D.I.G. needed a web site in a hurry to promote their business for a convention. I designed the site in under a week and got them a flyer and tradeshow booth design in time for their first convention.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781993547850257?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147819538404930362006-05-16T15:38:00.000-07:002008-01-08T09:12:16.523-07:00Where's Cosmo?<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_WheresCosmo.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_WheresCosmo.png" alt="" border="0" /></a><br />This web site was designed for a BYU Dining Services contest in 2004. Animated images of Cosmo (BYU's Mascot) were hidden in the existing images of Dining Services web sites. Students would see Cosmo hiding behind food or other images, and mouse over him as he revealed himself and a sign that said "You got me!". They would then click on Cosmo and jump to a page on the Where's Cosmo site where they could enter a sweepstakes to win prizes. The contest got canceled out of sensitivity to the year's events, but the design seemed successful.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781953840493036?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147818953476362632006-05-16T15:29:00.000-07:002006-05-16T15:35:53.476-07:00Media Fast Mini CD-ROM<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_MF_CDROM.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_MF_CDROM.png" alt="" border="0" /></a><br />The director of sales and marketing for Media Fast needed a Mini CD-ROM for the 2005 NAB show in Las Vegas. A simple interactive presentation was needed to establish the Media Fast identity, promote Media Fast's products and services, and provide a springboard to the corporate web site.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781895347636263?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147818388990180192006-05-16T15:17:00.000-07:002006-05-16T15:29:39.203-07:00Media Fast Web Site<a href="http://mediafast.biz"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_MF_Site.png" alt="" border="0" /></a><br />Media Fast provides CD & DVD replication and a variety of additional services. They needed a new corporate web site to promote their products and services to the world, and this was the answer - a very formal blue design with a lot of clean line drawings for products and supporting graphics with photos of business people who seem friendly and professional interacting with optical media and digital devices. To make it easier to browse the site on mobile devices, scripted navigation was avoided. To see the outcome, visit the site here: <a href="http://mediafast.biz">http://mediafast.biz</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781838899018019?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147817721617359192006-05-16T15:06:00.000-07:002006-05-16T15:28:31.746-07:00MormonRingtones.net<a href="http://mormonringtones.net"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_MormonRingtones.png" alt="" border="0" /></a><br />My brother wanted to make a web site to sell LDS themed ringtones, and I needed to figure out what to give him for Christmas (2005). The two objectives seemed to fit together perfectly. So, I gave my bro a business in a box (including the name, logo, domain, site design, icons, promotional images and a first draft of the content) and helped him launch the site in early 2006. The design was simple and clean so people wouldn't be afraid to browse a bit. It's become a popular attraction since, and the inventory has expanded to include a larger library of music for the LDS community. Check it out at: <a href="http://mormonringtones.net/">mormonringtones.net</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781772161735919?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147817047748476382006-05-16T14:59:00.000-07:002006-05-16T15:05:13.366-07:00Legends Grille Web Site<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_Web_Legends.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_Web_Legends.png" alt="" border="0" /></a><br />Legends Grille was a new sports restaurant at the Student Athlete Building on BYU Campus. A new web site was needed to promote its location and menu. An interactive Flash header helped to indicate the location of the restaurant and expose its interior to online visitors. A short and entertaining video was created for the plasma screen graphic by editing public domain footage.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781704774847638?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147816695291461802006-05-16T14:55:00.000-07:002006-05-16T14:58:15.293-07:00Virtual Showroom Web Site<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_VirtualShowroom_Site.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_VirtualShowroom_Site.png" alt="" border="0" /></a><br />The Virtual Showroom web site was designed with a corporate appeal and an electric blue color scheme with contrasting orange accents.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781669529146180?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147816119137275922006-05-16T14:41:00.000-07:002006-05-16T14:50:59.283-07:002005 BYU Meal Plans CD-ROM<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_MP_CDROM.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_MP_CDROM.png" alt="" border="0" /></a><br />The BYU Meal Plans identity established in 2004 by Brad Dowdle was inspired by a classic 1950's retro style. In 2005, I created a new CD-ROM in Director that could run on a Mac and a PC. I enhanced the existing identity a bit with some supportive photography and animations. Then, I added some more video and an interactive map that helped students find locations on campus where their meal plans would be accepted.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781611913727592?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147815585724897232006-05-16T14:35:00.000-07:002006-05-16T14:39:45.726-07:00The Skyroom<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_Web_Skyroom.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_Web_Skyroom.png" alt="" border="0" /></a><br />The Skyroom Restaurant at BYU needed a new face for its web presence. The objective was to focus on its personality as a restaurant or bistro and create an identity separate from BYU's. Vibrant food photography which enticed people to visit the restaurant was the focus of the site.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781558572489723?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147815056359928172006-05-16T14:26:00.000-07:002007-02-14T09:48:38.167-07:00Live Life CD-ROM<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_LiveLife_CDROM.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_LiveLife_CDROM.png" alt="" border="0" /></a><br />The Live Life multimedia presentation was designed for BYU On-Campus Housing to help them publicize information about living on BYU's campus. The design needed to have a more formal feeling because it was going to be mailed out to parents of incoming freshmen. The navigation was expandable and collapsible to make the CD-ROM easier to navigate.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781505635992817?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0tag:blogger.com,1999:blog-28184268.post-1147814728712358032006-05-16T14:13:00.000-07:002006-05-16T14:25:51.113-07:00BYU Catering<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://johnlepinski.com/images/800/800_Web_Catering.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://johnlepinski.com/images/320/320_Web_Catering.png" alt="" border="0" /></a><br />This redesign of the BYU Catering web site was created with a fire & ice color scheme that emphasized the vibrance of food photography presented on the site while reinforcing the BYU identity. Repeated impressions of the BYU logo in the interface design also serve as an added layer of identity support.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/28184268-114781472871235803?l=johnlepinski.com%2Fweb_interactive'/></div>johnskihttp://www.blogger.com/profile/11898022739710910181noreply@blogger.com0