Mary Schieferstein

A quick, template-based responsive (mobile-friendly) website with the goal of providing online access to training information and registration, helping doctors to learn about an innovative medical procedure. The site required a registration plugin, integrated with PayPal to allow for online payments. The client also wanted a password-protected page. The client’s timeline and budget required sticking closely to the template layout, so I took the provided information and chose existing layouts that would fit that information well. I replaced colors to match the client’s university’s branding and added stock images that I and my co-workers worked on. While a basic approach, this provided a distinct look and feel that was carried over into printed pieces and an HTML email template. The final product was a clean WordPress site which the client could edit and maintain. Registration and PayPal integration allowed doctors to register for the training with ease, and helped administration to manage those registrations. This functioned well for the duration of the trainings, and the client was able to change out the content for a more patient-oriented site upon their completion. I helped the client find web hosting, then created a WordPress site. I located appropriate template options and presented them to the client, who made a final decision. I then installed and configured the template, adding plugins as needed. I searched for stock photos, created images tailored for the site, changed out content, and conducted browser and device testing. Once the site was finished and approved, I provided WordPress training for the client, then helped with additional support requests as they arose.

A custom-coded website with unique features and integrations, with the goal of updating the online presence of Lokring and its distributors, creating a WordPress site with easier editing capabilities and connecting it to their more data-driven products catalog, which uses a different platform and was created by another firm using the same design. The site required a complex, custom-coded distributor selection tool integrated with WordPress' capabilities. Clicking on a location needed to add the distributor name by the logo in the top left of the page and their phone number and contact link on the top right of the page, as well as redirect the user to information about that specific distributor. The homepage design was created in Photoshop by my co-worker. She handed the file over to me, and I created a site that matched it. The most fun came in designing the little interactions that a Photoshop file doesn’t usually show. For Lokring's homepage, I added some hover effects for product links and button arrows that provide a slight, non-disruptive animation. I also programmed a feature which displays expanded information for the Industry/Market images upon hover. Once the homepage design was completed and approved, I created a couple of the main pages on the site using that same look and feel before we handed the project over to the client, who had asked to populate the remaining pages. The distributor selection tool was a difficult challenge which I was happy to tackle. After all the brainstorming and testing, the final version works as the client intended. The homepage also reflects my co-worker’s design quite accurately. It is clean and uses striking imagery while breaking down the most important information for the client. The new site is a major improvement over the old version and has been working well since!