
<div id="work" data-section="#work">
	<div class="constrain">
		<h2>My work</h2>

		<article class="work-sample">
	<h3>NXTCLB</h3>
	<div class="flex-container">
		<div class="img">
			<div class="video-container">
				<video
					controls
					preload="metadata"
					src="/vids/nxtclb-preview-original.mp4#t=0.001"
				></video>
			</div>
		</div>
		<section>
			<p>NXTCLB is currently under development and should be ready for alpha testing fairly soon.</p>
			<p>I am the architect, developer, and designer of this SaaS targeted at allowing people to securely communicate through private channels. Channel administrators are in control rather than opaque constantly-shifting algorithms and invasive tracking needs of advertisers.</p>
			<p>NXTCLB is built on:</p>
			<ul>
				<li>PHP/Laravel</li>
				<li>OpenSSL/JS Crypto API</li>
				<li>SHA256/RSA4096/AES256</li>
				<li>MySQL/MariaDB</li>
				<li>Vue JS/JS/jQuery</li>
				<li>Laravel Echo/Socket.IO</li>
				<li>Nginx/PHP-FPM/NodeJS</li>
				<li>SASS/Zurb Foundation</li>
				<li>Laravel Mix/Webpack</li>
			</ul>
			<p>The video is a preview of the current build showing the process of signing up, creating a channel, and positing two messages to the channel.</p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>Formyula</h3>
	<div class="flex-container">
		<div class="img"><a href="https://formyula.com"><img src="/img/formyula.jpg" alt="Formyula"></a></div>
		<section>
			<p>JK partnered with the Formyula team to develop a marketing site and the Formyula portal, an SaaS that facilitates collecting and analyzing data for a variety of purposes.</p>
			<p>I developed most of the portal front end code (in Angular) and some of the back end (in ruby on rails, a language/platform I did not have a lot of experience with), while another one of my colleagues developed the Ionic mobile app.</p>
			<p>We subsequently went back and reworked the code to act as a starting place for developing custom solutions, which was then used for two clients while I was with JK Design.</p>
			<p><a href="https://formyula.com">Visit the site</a></p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>AD HQ</h3>
	<div class="flex-container">
		<div class="img"><a href="https://adhq.com"><img src="/img/adhq.jpg" alt="AD HQ"></a></div>
		<section>
			<p>This was a site I inherited, which is something that happened a lot for a variety of reasons. I had worked with the original developer, mainly with regards to a tricky Oracle integration and API integrations.</p>
			<p>After taking it over, some of the changes I made included:</p>
			<ul>
				<li>Security enhancements for their corporate compliance requirements</li>
				<li>Forking their Member Locator tool to support an additional type of digital campaign</li>
				<li>Reworking their analytic tools which was a significant undertaking.</li>
			</ul>
			<p><a href="https://adhq.com">Visit the site</a></p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>Armand Products</h3>
	<div class="flex-container">
		<div class="img"><a href="http://armandproducts.com"><img src="/img/armand.jpg" alt="Armand Products"></a></div>
		<section>
			<p>Armand, better known for their ARM &and; HAMMER&trade; Baking Soda product, had an extremely tight deadline for initial review of the site. I had to develop the full site as static pages integrated with the CMS' framework but not the CMS and then go back and port it properly into the CMS and develop the custom CMS tools following that initial client review and implementing their revisions.</p>
			<p>Deployed the site and then worked closely with their IT team and web host to debug an SMTP issue that arose because of a hosting security configuration that their tech initially thought was not the cause.</p>
			<p><a href="http://armandproducts.com">Visit the site</a></p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>Integra sales app</h3>
	<div class="flex-container">
		<div class="img"><a href="https://cms.sales.integralife.com"><img src="/img/integra.jpg" alt="Integra Sales app"></a></div>
		<section>
			<p>I came up with search optimizations, moving rebuilding the cache tables to an independent job queue, and moving them from php5.6 to HHVM (php7 was not officially released at the time), all contributing to massive speed gains and a significantly better user experience.</p>
			<p>When we went live performance was still far from acceptable. Server specs were not what we had requested, a network node throttled transfer speeds to the NJ region, which included the client's HQ. Also, the live data structure deviated from our working test data so I had to rework the content/permissions algorithms.</p>
			<p>Created a Laravel mail driver to send emails through the SalesForce API to meet security requirements and migrated them to php7.</p>
			<p><a href="https://cms.sales.integralife.com">Visit the site</a></p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>Becker website</h3>
	<div class="flex-container">
		<div class="img"><a href="https://beckerlawyers.com"><img src="/img/becker.jpg" alt="Becker"></a></div>
		<section>
			<p>Worked with the front end developer on many of the tougher design challenges (and there were a lot of them) and JS issues the developer was struggling with.</p>
			<p>Replaced the PDF generator plugin with a better command line tool. I had to get this working on our staging server as well, which was of course on a different OS.</p>
			<p>Migrated the site from their poorly-performing server to a reliable one on a Saturday because of a timing requirement.</p>
			<p><a href="https://beckerlawyers.com">Visit the site</a></p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>All-Clad Beginnings</h3>
	<div class="flex-container">
		<div class="img"><img src="/img/allclad-beginnings.jpg" alt="All-Clad Beginnings"></div>
		<section>
			<p>This was the first of the All-Clad sites that we worked on. Because of a tight deadline, worked with another developer on different areas of the site.</p>
			<p>It set us on good terms with the client. In addition to the Chefs site, there was a third site, though I did not work on that one.</p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>LG OLED</h3>
	<div class="flex-container">
		<div class="img"><img src="/img/lg.jpg" alt="LG OLED"></div>
		<section>
			<p>This was another tight deadline project. Worked closely with a designer over several iterations to develop the responsive experience for LG's new OLED product.</p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>All-Clad Chefs</h3>
	<div class="flex-container">
		<div class="img"><img src="/img/allclad-chefs.jpg" alt="All-Clad Chefs"></div>
		<section>
			<p>Worked closely with the design team to develop a very custom and responsive experience for All-Clad's ambassadors site, which highlights top chefs and their use of All-Clad products.</p>
			<p>Included css and js refinements to offer an optimized experience for different display sizes.</p>
			<p>It is a static site but was set up with an expectation that it <b>might</b> later be converted into a CMS. So it uses MVC, but the content comes from a complex configuration resembling a relational database rather than a database.</p>
		</section>
	</div>
</article>		<article class="work-sample">
	<h3>JK Design website</h3>
	<div class="flex-container">
		<div class="img"><img src="/img/jkdesign.jpg" alt="JK Design"></div>
		<section>
			<p>I wasn't the primary developer for this iteration of the site because of project scheduling issues, although I assisted the developer that did and maintained it.</p>
			<p>But one of the interesting recent additions I added was integrating a SnapApp questionnaire with our MailChimp account. SnapApp has integration options for multiple mail SaaS providers, but not the one our Digital team needed.</p>
		</section>
	</div>
</article>	</div>
</div>