Notes – OGLE (Temporary Branding Name) is a content management web application. My initial work on OGLE involved flushing out the requirements (user stories & wireframes) and then to provide a visual user interface incorporating the design patterns found in the wireframes.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – Extreme Programming Process (User Stories), Design Patterns, Adobe Fireworks (Created Visuals & Wireframes)

Credits – Cody Lindley (Interaction Design, Visual Design, IA, Wire Frames, User Stories)

Notes – Buymicrom.com, an ecommerce site, targets Micron customers who frequently purchase small quantities of parts for testing. The site demonstrates modern coding practices (CSS layout, XHTML, web standards), and my knowledge of designing and building an ecommerce system/interface.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A (View client-side code. This is the code that is handed off to the server-side programmers)

Technologies – Javascript, CSS, XHTML

Credits – Cody Lindley (Client Side Coding, Interaction Design, Visual Design, IA, Wire Frames)

Notes – Internal website/UI detailing the process, updates, and training surrounding the Albertsons Project Execution Process. The site makes use of the prototype and script.aculo.us libraries to create a custom DOM window which is filled with AXAH content.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – Javascript, CSS, XHTML, AJAX

Credits – Cody Lindley (Javascript, CSS, XHTML, AJAX, Interaction Design, IA), Hugh Griffith (Visual Design, Interaction Design, IA), Nathan Smith (Visual Design, Icon Design)

Notes – Flash module used to distribute Performance Management information to Albertsons employees. Flash content and presentation driven by external XML files and a single CSS file. In addition, this project makes use of the Movieclip Tweening Prototypes from Ladislav Zigo.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – Flash, Actionscript, CSS, XML, Javascript

Credits – Cody Lindley (Flash/Actionscript, Animation, Interaction Design), Elder Jerez (Visual Design, Interaction Design), Hugh Griffith (Visual Design, Interaction Design)

Notes – The Accent Information Security site, despite its complex visual design, was completely constructed with CSS for layout. The main menu is a hybrid dropdown solution using CSS (Son of Suckerfish) and Javascript.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – Javascript, CSS, XHTML

Credits – Cody Lindley (Client Side Coding, Interaction Design), Elder Jerez (Visual Design, Interaction Design)

Notes – The Tattered Fly is half BLOG, half website. It’s the home of Dan Bachman, fly fishing enthusiast extraordinaire (The dude goes fishing a lot!). The website is fueled by Textpattern and a handful of very robust Textpattern plugins. The entire site is functioning with only one XHTML template, the content management system takes care of the rest.

ScreenShots (click thumbnail for enlarged view)

livesite – http://www.tatteredfly.com/

Technologies – Javascript, CSS, XHTML, Flash(sIFR), PHP, Textpattern (CMS)

Credits – Cody Lindley (Client Side Coding, Interaction Design, Information Architecture, Visual Design), Hugh Griffith (Visual Concept/Visual Design, Creative)

Notes – Our dulcimer home is a one page website that was created to help promote the sale of our house. The site features an animated photo gallery, ground breaking real estate housing design for the web, and an accordion menu. The URL (ourdulcimerhome.com) is no longer live and the site now lives on a sub-domain at codylindley.com.

ScreenShots (click thumbnail for enlarged view)

livesite – http://dulcimer.codylindley.com/

Technologies – Javascript, CSS, XHTML, PHP

Credits – Cody Lindley (Client Side Coding, Interaction Design, Visual Design), Hugh Griffith (Visual Concept/Visual Design)

Notes – A temporary homepage showcasing IDACOMM’s products and service with the addition of Carrier Metro and Business Metro product homepages.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – Javascript, CSS, XHTML, PHP

Credits – Cody Lindley (Client Side Coding, Interaction Design, Navigation Design, Information Architecture, Visual Design), Jennifer Galdabini (Visual Design)

Notes – Under a short deadline the idacomm-bpl.com website emerged as a practice in concise web development techniques. The site was developed in a period of a week with a rough site map, one wire frame, and short creative brief. The site showcases a tableless layout and advanced CSS practices as well as a complete separation of presentation, content, and behavior.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – Javascript, CSS, XHTML, PHP

Credits – Cody Lindley (Client Side Coding, Interaction Design, Navigation Design, Information Architecture, Visual Design), Jennifer Galdabini (Visual Design)

Notes – Ponderosa Ridge Development needed to bridge the gap between an onsite home tour and what could be experienced online by perspective home buyers. What resulted was a website that not only encompassed a house, but an experience. The desire was to visually express the quality of the
subdivision, as well as the ponderosa model home.

ScreenShots (click thumbnail for enlarged view)

livesite – www.ponderosaridgedevelopement.com
Technologies – Javascript, CSS, XHTML, PHP, Flash, Actionscript

Credits – Cody Lindley (Client Side Coding, Server Side Coding, Interaction Design, Navigation Design, Information Architecture, Visual Design)

Notes – During my two year stint working for Gannett I straddled the fence between design, client-side programming, and Flash development. What follows here is a small look into the templates, visual design, interface design, IA, and coding that I was involved with while working for a newspaper.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – XHTML, CSS, Javascript, PHP, Publicus CMS, Actionscript, Flash

Credits – Cody Lindley (Client Side Coding, Server Side Coding, Interaction Design, Navigation Design, Information Architecture, Visual Design) Nate Logan (Server Side Coding)

Notes – The Sacajawea web site is a companion piece to the special section released in the Idaho Statesman newspaper. The companion website, in addition to the printed material,
added a rich experience for the user through the use of flash motion graphics and audio files.

ScreenShots (click thumbnail for enlarged view)

livesite – sacajawea.idahostatesman.com

Technologies – Javascript, CSS, XHTML, Flash, Actionscript, PHP

Credits – Cody Lindley (Animation, Interaction Design, Navigation Design, Information Architecture, Visual Design), Nate Logan (Server Side Coding)

Notes – This project established a consistent and usable template for several different departments at the Idaho Statesman to effectively communicate with each other through the internal intranet site.

ScreenShots (click thumbnail for enlarged view)

livesite – N/A

Technologies – XHTML, CSS, Javascript

Credits – Cody Lindley (Client Side Coding, Interaction Design, Navigation Design, Information Architecture, Visual Design)

Notes – Together Oliver Russell (Advertising Agency) and O-Positive (Interactive Firm) makeup the Oh-Zone web site. The all flash site is a company web site which embodies the spirit and work from both brands.

ScreenShots (click thumbnail for enlarged view)

livesite – www.oh-zone.com

Technologies – Flash, Actionscript

Credits – Cody Lindley (Animation, Interaction Design, Navigation Design), Paul Carew (Visual Design, Information Architecture, Navigation Design), Alex Davis & Russ Stoddard (Creative Copy)