Bemdesign: The Portfolio of Ben McElroy

Michigan Genetics Resource Center

Website redesign and development

Web

MIGRC wanted a refresh to their website to make it mobile-friendly, a more user-friendly search functionality, and tied together with a nice modern design. MPHI worked in close collaboration with the client to identify what data and content needed to be migrated over from the old site and then implemented a complex but successful data migration. I designed and developed a custom WordPress theme and built out several areas of custom functionality. The client was very happy with the resulting website.

---

Design

CSS

Javascript

Development

WordPress

Midwest Genetics Network

Website redesign and development

Web

Previously known as the Region 4 Genetics Collaborative, the Midwest Genetics Network needed a refreshed website to go with their rebranding. Building on a well known identity and previous work, the new site design provides a refreshed and modern look that's responsive, mobile friendly, and content focused.

---

Design

CSS

Javascript

Development

WordPress

SDY Registry Interactive Map

Interactive SVG Map

Web

The Sudden Death in the Young Case Registry wanted an interactive map to help visitors identify which states were participating in the program. I created this interactive SVG map utilizing best practices for interactivity and accessibility. View the live map: https://www.sdyregistry.org/information-for-families/

---

SVG

CSS

Javascript

Development

Accessibility

MPHI Annual Reports

Development of online MPHI Annual Reports

Web

A collaboration with MPHI's Communication Team and other internal staff, I developed the 2016, 2017, and 2018 MPHI Annual Reports into interactive online sites. All of these have been well received and praised by both internal staff and external clients.
View 2018 Annual Report
View 2017 Annual Report
View 2016 Annual Report

---

CSS

Javascript

Development

Accesibility

Hereditary Cancer Network Database

Hereditary Cancer Network Database Web Application

Web

MPHI was asked to re-design and update the Hereditary Cancer Network Database web application. The design needed to be "similar" to the previous application but also modernized so it could be used on a variety of devices. With a limited timeframe, I designed and developed this Bootstrap theme.

---

Design

Bootstrap-theme

CSS

Javascript

Ingham County StrongStart/HealthyStart Web Application

Ingham County Health Department StrongStart/HealthyStart Web Application

Web

Ingham County Health Department (ICHD) asked MPHI to develop this application to support the StrongStart/HealthyStart program in Ingham county. ICHD indicated they wanted the a design that looked modern and fresh. Making use of voxel-inspired background graphics and utilizing Bootstrap and Font-Awesome, I designed and developed this theme for the application. I then worked in close collaboration with the developers to provide other design components as needed. The client was really happy with the web application.

---

Design

Bootstrap-theme

CSS

Javascript

UI/UX

Michigan LARA MIOSHA-PRA Web Application

Design and Front-end Development of LARA MIOSHA-PRA Web Application

Web

Michigan's LARA (Department of Licensing and Regulatory Affairs) wanted to streamline their Penalty Reduction Agreement process. MPHI built a web application to accomplish this. I designed and developed the theme for this web app using Michigan's DTMB web application guidelines and standards. Working in close collaboration with lead programmer Dan Boyer and DTMB's eMichigan group, we developed a very accessible web application that has been very successful and well receieved by LARA.

---

Design

CSS

JS

Bootstrap-theme

Accessibility

Customer Appreciation Email Graphic

Design of graphic for customer appreciation event email invitation

Web/Email

MPHI has an annual customer appreciation day - a day to show customers MPHI's gratitude for their business and to highlight various services MPHI offers. This was the design selected and used in emails sent to clients to invite them to attend this event.

---

Design

Photoshop

Email