Paratactic Consulting & Design
Web Coding, Design, Brand Identity and Interactive Marketing

Paratactic offers a full set of graphic design and front-end coding skills in one talented mind

I have experience in many areas of Web marketing. I've seen the Web landscape evolve from something basic and almost useless to the average person, to an ubiquitous and seemless part of everyday life. The Web has been gaining importance as a marketing medium for over a decade and is now a crucial component to any campaign.

The speed of this evolution is accelerated by innovation, but can only practically go as fast as the audience can learn to interact with it. This is why dialogs between the creators and users of design have recently increased so sharply in importance.

I balance my time between code and design because there's a symbiosis between between form and function in anything commercial.

Back in 1995 there were only text hyperlinks. Soon after came the animated flaming skulls and rainbow horizontals. Next, HTML tables became a system for layout grids and opened up a new world of possibilities.


Coding

Hand-coding HTML since 1995

  • ExpertHTML, XHTML, CSS, Table-free Layouts, Blogware (WordPress, MovableType), Email Marketing (Constant Contact)
  • IntermediateJavaScript, ActioScript 2.0, XML, CMS (Joomla)
  • BasicActionScript 3.0, PHP, ASP, JSP

Graphics

Using Photoshop since 1990

  • ExpertWeb slicing, digital photography, image scanning, photo retouching, image masking, vector graphics
  • IntermediateIllustration, storyboarding

Software

Using Mac OS since 1985, Windows since 1990

Operating systems
  • ExpertMac OS X 10.5, Windows Vista
Imaging
  • ExpertAdobe Creative Suite CS1 - CS4 (ImageReady, Photoshop, Illustrator, Flash, LIghtroom)
  • IntermediateAdobe InDesign, Micorsoft Excel, Micorsoft Visio
Coding
  • ExpertAdobe Dreamweaver, Bare Bones Edit
Multimedia
  • IntermediateVideo and audio editing software

Organize

Starting a project right means planning it out in as much detail as possible. First we discuss the goals of the site. Then we develop a marketing strategy by exploring options for visual and verbal tone. Next, an information architecture is created to map the best click paths to your information. Wireframes are then made to illustrate the visual hierarchy of information.

Design

The wireframes are fleshed out into design mockups that illustrate the site's visual design. After one or two rounds of revisions that allow us to fine-tune the look and feel of the site together, the design is finalized.

Generate

The final design is sliced into Web graphics and coded into page templates using the latest HTML, CSS and JavaScript methods. The templates have functional navigation and scripting effects, and are tested for cross-platform compatibility.

Populate

The templates are duplicated and populated with content. Functionality is perfected and the result is reviewed by the client.

Launch

Search engine optimization is performed to ensure the highest ranking in search results. Any remaining issues are fixed before the finished, fully-functional site is released to the world.


Recent Work



SPSS, an IBM Company

SPSS.com


Resonsibilities

Usability testing, analysis, and implementation of better navigation and content delivery methods. Marketing strategy consulting for products and events. Maintenance of a dozen versions of the website for international offices. Enhancing the website's HTML and CSS code.

Caucus of Rank and File Educators

CORETeachers.com


Resonsibilities

Create fully customized blog theme (WordPress) for educator organization. Integrate the site with social networking websites for event organizing, member recruitment, community outreach, and fund-raising.



Designs & Redesigns

Project Management, Information Architecture, Wireframing, Layout Design, HTML, CSS, JavaScript

  1. 2009 SPSS, an IBM Company (link)
  2. 2009 CORETeachers.com (link)
  3. 2009 Magic Chef Appliance
  4. 2009 New Dimension Media (link)
  5. 2008EricaAndNoah.com
  6. 2008Clinical Resource Network
  7. 2008Northbrook Chamber of Commerce
  8. 2008FissionMailed
  9. 2007Alisa and Steve Get Hitched
  10. 2006YoChicago
  11. 2005Amazon Hair
  12. 2005Tressler, Soderstrom, Maloney & Priess
  13. 2005Kartemquin Films
  14. 2004OpenPIPES.org
  15. 2004VanSenusAuto.com
  16. 2003Sheri & Kathy
  17. 2003Dragonize Metamedia
  18. 2003GraffNet
  19. 2002Civil Rights / Legal Wrongs
  20. 2001Comixwerks
  21. 2001Choyokan Kendo Dojo
  22. 2000 American Civil Liberties Union of Illinois
  23. 1999 National Rosacea Society

Email Marketing

Art Direction, Layout Design, HTML, CSS

  1. 2009 Questar Entertainment
  2. 2006 New Homes Magazine

Flash Animation

Timeline Animation, ActionScript Modification

  1. 2008FissionMailed
  2. 2005The Georgia Frances Orchestra
  3. 2002Stickfigure
  4. 2001Paratactic Design v1.0

Front End Production

Wireframing, Minor Design Edits, HTML, CSS, JavaScript, Dynamic Code (ASP, JSP, PHP) Edits

  1. 2008Cunard World Voyage 2010 Mini-Site
  2. 2008Academy of General Dentistry (AGD)
  3. 2008Women’s Business Development Center (WBDC)
  4. 2008Clinical Resource Network
  5. 2007Monroe Equity Partners
  6. 2007Machochip.com
  7. 2007True Military Wives Confessions
  8. 2007 PartsDirect.com (Sears Holding Company)
  9. 2007 The 50 Million Pound Challenge (State Farm)
  10. 2007Find Inspiration (Lowe's & Valspar)
  11. 2006Data Based Ads
  12. 2005Channel G
  13. 2005Chicago Music Commission
  14. 2005 ChicagoFests.com Farm Aid 2005
  15. 2004Samsung
  16. 2004Simian Productions
  17. 2001Orbitz
  18. 2001 twohundredtwelve°
  19. 2001TRACE212
  20. 2001BIN36
  21. 2001Pullman Geddis Architects, Inc.
  22. 2000 Leapnet
  23. 2000SAM's Club
  24. 2000 MSNBC
  25. 2000Xhibition

Early Work

Basic design, HTML, CSS, JavaScript

  1. 1999Academy of Osseointegration
  2. 1999American Health and Beauty Aids Institute
  3. 1999Association of Program Directors in Endocrinology and Metabolism
  4. 1999Baking Industry Suppliers Association
  5. 1999C.O.E.
  6. 1999Cosmetologists Chicago
  7. 1999International Carwash Association
  8. 1999International DB2 Users Group
  9. 1999International Association for Human Resource Information Management
  10. 1999International HP NonStop Users Group
  11. 1999North American Building Material Distribution Association
  12. 1999Neology Team Pages
  13. 1999The Popcorn Board
  14. 1999Pressure Sensitive Tape Council
  15. 1999World Airline Entertainment Association
  16. 1996Kemper Funds
  17. 1996Landrover
  18. 1996Motorola
  19. 1996Patagonia
  20. 1996Powerbar
  21. 1996Salomon Sports
  22. 1996Specialized Bikes


What does "Paratactic" mean?

"Parataxis" is a word I picked up in a college comparative literature class. It stuck with me because it describes something that is often overlooked in everyday life. Something that can be used in design to great effect.

From Wikipedia:

"Parataxis (from Greek for 'act of placing side by side'; fr. para, beside + tassein, to arrange; contrasted to syntaxis) is a literary technique, in writing or speaking, that favors short, simple sentences, often without the use of conjunctions...in which two images or fragments, usually starkly dissimilar images or fragments, are juxtaposed without a clear connection. Readers are then left to make their own connections implied by the paratactic syntax..."

Modern communication leaves little room for nuance. We are so immersed in the syntax of information that the meaning is too often missed.

With parataxis one can engage the mind by creating a visual riddle with a lasting impression.