The online portfolio of Jeff Stein, Web coder and designer
info@paratactic.net - Download PDF résumé
Great creative achievements require
both halves of the brain to rock.
About

The left brain is responsible for logic and math acumen, the right brain houses spatial and visual acuity. 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.


What does "paratactic" mean?

It's a word I picked up in a college comparative literature class that stuck with me.

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

In other words, by presenting the viewer with images that aren't obviously related, one engages the mind, challenging the viewer to solve a riddle. This gives the design a lasting impression.


Skills
Software
Expert  with Mac OS and Windows operating systems
Expert  with ImageReady, Photoshop, Illustrator, Flash, Dreamweaver, Bare Bones Edit (BBEdit), LIghtroom, and Aperture
Expert  with Web browsers, FTP, and email
Intermediate  with InDesign, Quark Xpress, Excel, and Word
Basic  with video and audio editing software

Front-end Coding
Expert  with HTML, XHTML, and CSS
Intermediate  with JavaScript and XML
Basic  with ActionScript, PHP, ASP, and JSP

Design & Imaging
Expert  with web slicing, digital photography, image scanning, photo retouching, image masking, and vector graphics
Intermediate  with illustration and storyboarding

Organizing
Expert  with wireframing
Intermediate  with information architecture




Design and code are two sides of one coin:
Heads you win. Tails you win.
Projects
Full Designs & Redesigns

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

Flash Animation
Including Timeline Animation, ActionScript Modification
  1. 2008FissionMailednew!
  2. 2005The Georgia Frances Orchestra
  3. 2002Stickfigure
  4. 2001Paratactic Design v1.0
Front End Site Production
Including Wireframes, Minor Design, HTML, CSS, JavaScript
  1. 2007Monroe Equity Partners
  2. 2007Machochip.com
  3. 2007True Military Wives Confessions
  4. 2007PartsDirect.com (Sears Holding Company)
  5. 2007The 50 Million Pound Challenge (State Farm)
  6. 2007Find Inspiration (Lowe's & Valspar)
  7. 2006Data Based Ads
  8. 2005Channel G
  9. 2005Chicago Music Commission
  10. 2005ChicagoFests.com Farm Aid 2005
Static Coding
Including HTML, CSS, JavaScript
  1. 2004Simian Productions
  2. 2001twohundredtwelve°
  3. 2000Leapnet
  4. 2000MSNBC
  5. 2000Xhibition
Dynamic Code Modification
Including ASP, JSP, PHP
  1. 2004Samsung
  2. 2001Orbitz
  3. 2000SAM's Club
Information Architecture
Including Information Architecture, Wireframes
  1. 2001TRACE212
  2. 2001BIN36
  3. 2001Pullman Geddis Architects, Inc.
Early Work
Including 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
northbrook-00.jpg
Northbrook Chamber of Commerce (2008)
fissionmailed_03-00.jpg
FissionMailed.com (2008)
alisaandsteve-00.jpg
Alisa And Steve Get Hitched (2007)
amazonhair-00.jpg
Amazon Hair (2005)
tsmp-00.jpg
TSM&P (2005)
kartemquin-00.jpg
Kartemquin Films (2005)
vsidt-00.jpg
Open PIPES (2004)


Paratactic offers a flexible approach to website creation.
The process is divided into 5 equally important stages.
Services
1. Organize

We meet to develop a MARKETING STRATEGY, explore design themes, and discuss the goals of the site. I create an INFORMATION ARCHITECTURE that gets the user quickly to the information he or she needs. This process leads to WIREFRAMES, or "page skeletons", that determine how pages will be structured visually and what technology will hold them together.


2. Design

With the site's underlying structure finalized, the design process begins. 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.


3. Generate

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


4. Populate

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


5. Launch

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.






Tressler, Soderstrom, Maloney & Priess
Tressler, Soderstrom, Maloney & Priess
Tressler, Soderstrom, Maloney & Priess
TSM&P is headquartered in the Sears Tower and focuses on business law. Their original site was beyond bland, so I offered some sorely-needed texture and visual order, while maintaining their school spirit for the University of Michigan.

Open project

Alisa And Steve Get Hitched
Alisa And Steve Get Hitched
Alisa And Steve Get Hitched
I chose a pirate treasure map theme for this destination wedding in Mexico website. The page elements were held together with CSS and very few HTML tables.

Open project

Northbrook Chamber of Commerce
Northbrook Chamber of Commerce
Northbrook Chamber of Commerce
Website for a prosperous Chicago-area suburb's business development organization.

Open project

FissionMailed
FissionMailed
FissionMailed
I used Flash on my personal photography site to create a rich audio/visual experience.

Open project

Civil Rights / Legal Wrongs
Civil Rights / Legal Wrongs
Civil Rights / Legal Wrongs
This website for a civil rights attorney uses the textures and colors of our flag, law books, and the office itself instead of overused icons like a judge's gavel or the Scales of Justice.

Open project