Paratactic Design
The online portfolio of Jeff Stein, Web coder and designer
info@paratactic.net - Download PDF résumé

The left brain is responsible for logic and math acumen, the right brain houses spatial and visual acuity

What does "Paratactic" mean? Is it even a real word?

"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..."

Phones. Commercials. Texts. Ads. Status updates. All as interactive as a Scantron test.

Rapid communication leaves little room for craft or nuance. We are so immersed in the syntax of information that we are known to put ourselves in danger to experience mystery or excitement.

By using parataxis, one engages the mind, creating a visual riddle that presents a challenge and makes and impression.


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

Over 10 years of making websites gives me an advantage over the average coder or designer. I have the expertise to give your ideas both form and function. I'll design it along with you, and code it quickly and cleanly.

01Coding Skills
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
02Graphics Skills
Using Photoshop since 1990
  • Expertweb slicing, digital photography, image scanning, photo retouching, image masking, vector graphics
  • Intermediateillustration, storyboarding
03Software Skills
Using Apple Computers since 1985
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

Designs & Redesigns

Project Management, Information Architecture, Wireframes, Original Page Design, HTML, CSS, JavaScript

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

Art Direction, Original Page Design, HTML, CSS

  1. 2009Questar Entertainmentcoming soon!
  2. 2006New Homes Magazinecoming soon!
Flash Animation

Timeline Animation, ActionScript Modification

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

Wireframes, Minor Design Edits, HTML, CSS, JavaScript

  1. 2008Clinical Resource Network
  2. 2007Monroe Equity Partners
  3. 2007Machochip.com
  4. 2007True Military Wives Confessions
  5. 2007PartsDirect.com (Sears Holding Company)
  6. 2007The 50 Million Pound Challenge (State Farm)
  7. 2007Find Inspiration (Lowe's & Valspar)
  8. 2006Data Based Ads
  9. 2005Channel G
  10. 2005Chicago Music Commission
  11. 2005ChicagoFests.com Farm Aid 2005
Static Coding

HTML, CSS, JavaScript

  1. 2004Simian Productions
  2. 2001twohundredtwelve°
  3. 2000Leapnet
  4. 2000MSNBC
  5. 2000Xhibition
Dynamic Code Modification

Modifying existing ASP, JSP, PHP

  1. 2004Samsung
  2. 2001Orbitz
  3. 2000SAM's Club
Information Architecture

Information Architecture, Wireframes

  1. 2001TRACE212
  2. 2001BIN36
  3. 2001Pullman Geddis Architects, Inc.
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

Paratactic creates effective and effcient websites, quickly and for way less than an agency

01Organize

Starting a project right means planning it out in as much detail as possible. First we develop a marketing strategy, explore design themes, and discuss the goals of the site. An information architecture is created to map paths to information visitors will seek. Then wireframes or "page skeletons" are made to give the pages structure.

02Design

Mockups that represent the site's overall visual design are produced via graphics software. After one or two rounds of revisions the design is finalized.

03Generate

The final design is sliced into Web graphics and coded into templates with functional navigation, links, images and scripting effects. The templates are tested for cross-platform compatibility.

04Populate

Content is added to the pages and they undergo more testing. Functionality is perfected and the result is reviewed by the client.

05Launch

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