shaiCH

This site was also an rebranding effort to replace their SquareSpace site which didn't look terribly professional. I wanted to create something that was both professional, and simple, which is a reflection of the app itself.

Not only did I design and build the site, but I spent a lot of time thinking about the copy and how to convey the concepts behind the Yield dapp and its benefits over other competitors in the space. The site is broken down into two sections, one for each type of user – borrowers and lenders. I created a couple of SVGs that clearly convey the benefits to both user groups using both animations and interactivity.

I learned a lot about working with SVGs during this project, especially the GSAP JavaScript library which makes certain tasks for animating SVGs much simpler. For example, the animations of the logos in the hero section would be nearly impossible to do without GSAP.

I'm quite pleased with how the site turned out. I think it does an effective job of communicating the key points and giving Yield a sense of ligitimacy that the previous SquareSpace site wasn't able to do. The new design also brings the UI more inline with the web app, which I also designed.

Moving forward, I will be taking queues from this design to create branding to be used for social media posts and other marketing needs.

This website was built as an educational product for Scholastic Canada. Their previous site was very outdated and needed a major upgrade. I worked with internal stakeholders to create the site, from mockup to live site.

The focus was to make something that was bright and friendly for both teachers and students alike. I leveraged some flipbook software which allowed me to easily convert the original PDFs into interactive flipbooks with audio buttons for students to read along and learn new words.

The product is now in the hands of thousands of students, more and more each day. We regularly receive user feedback to determine what new features we should add and to ensure it's as easy as possible to use. I think the interface turned out very nicely and was kept as simplistic as possible. I utilized a sorting plugin to allow the users to quickly filter the hundreds of titles based on a number of different categories, taking queues from current eCommerce websites.

You won't be able to access all of the pages on the app unless you have connected it to your Ethereum wallet.

Although this was one of my earlier projects in my career, I feel it turned out very well. This was due, in part, to a client that I worked well with and that trusted my expertise.

They were looking for a clean, fresh look that reflected their school district's growing population and focus on technology.

As well as being one of my earlier projects where I was given full reign over the design, it allowed me to really develop my CSS skills, in particular CSS3 transitions.

Live site may vary from original mockup. Revisions to designs are not uncommon after going live and, as such, other coders may have worked on it since.

Although this project went through multiple mockups, we managed to create a clean looking website that shows off everything the school district has to offer.

This project enountered a few struggles, including some flip-flopping on the design from the client, and finding a way to indegrate advertisements without completely compromising the look and feel.

This project was able to be successful by seeing each revision request as a challenge and an opportunity to come up with new ideas, instead of trying mangling the old ideas into worse versions of themselves.

Live site may vary from original mockup. Revisions to designs are not uncommon after going live and, as such, other coders may have worked on it since.

This client wanted something that borrowed certain design elements from their outdated website so as to keep it's heritage feel, yet using current web trends. I achieved this by borrowing their old site's earth tones and the curves seen above the hero section. Some more modern touches were the full width hero area, a prominent "I Want To..." dropdown, and simplified rows of content to keep the homepage welcoming and uncluttered.

Not only was this client pleased with the design, but the individual counties within their region came on as customers and opted to use the same design with minor differences.

Live site may vary from original mockup. Revisions to designs are not uncommon after going live and, as such, other coders may have worked on it since.

Being a small town in Prince Edward Island, this was not a large site. However, given that they had no prior branding materials to work with, other than a logo and colors, I was given a lot of freedom with the design.

They had a very cheerful color palette to reflect their beautiful, natural surroundings which I used to make a fun and inviting mockup. Because they did not have a ton of content to fill the pages, I opted to have a large header image on all pages to show off the great photography of the area.

Live site may vary from original mockup. Revisions to designs are not uncommon after going live and, as such, other coders may have worked on it since.

Being home to the Los Alamos National Laboratory, where the atomic bomb was developed in the 1940s, I knew I had to get this project right or face the consequences.

This being a rather simple website, I had some extra time to commit to the events filtering feature and various extra CSS3 transitions.

Live site may vary from original mockup. Revisions to designs are not uncommon after going live and, as such, other coders may have worked on it since.