Web UI Design
Project Summary
Biggest Challenge:
There was already an interface, so the developers did not want to spend extra time re-coding the interface to make match the designed prototype. To help with their resistance, I coded the elements and sent them the source files to add to their code base. This allowed them to keep working on the functional parts of the software and helped us meet our MVP deadline.
UI Design
Prototype
React.js Component Theming
Web Design
React.js
CSS
UI design
Prototyping
Facility Website
Logo Design
Web Development
WordPress Theme Design
Web Design
WordPress
CSS
Web design
Logo Design
Intranet Website
UI Design
Web Development
Drupal Theme Design
Web Design
Project Summary
The Department needed a system that made it easy for users to find out who supports who and how to contact each person. We started with a print version of the face sheet and wanted to make something more interactive from the printed document.
I worked with a small team to conduct user research and find out what the needs of the different user roles were. I worked with the executive team to define the initial problem and get clarity on the desired outcome. Finally, I worked with the individual department units to refine the deliverables for each associated page.
Biggest Challenge:
During our research, a few items came up as the most important to our user base:
- easy way to find contact information and affiliation for administrative staff
- easy way to find out which faculty member is supported by each admin
- easy way to find the finance manager associated with a specific faculty
- searchable repository for our weekly newsletters
During the discovery process, we identified 5 unique personas, each with 4 mostly independent journeys. We were able to tailor the journey to the persona in a way that was most efficient for each. The application has been well-received and garnered praise from each user type.
Solution:
I used Drupal to build the system, since it had the most robust and customizable content management features. The main page mirrors the older printed face sheet that the system was based off. However, on this site, you can now click on a person’s name to drill down into their “personnel card” and see the details specific to them, including who they support and their contact information. Separate pages were added for searching finance managers and associated details and for searching the weekly newsletters.
(note: due to the internal nature of the site’s content, screenshots are limited and obscured)
Internal Research Website
UI Design
Web Development
Drupal Theming
Web Design
Project Summary
I worked with an interdisciplinary team staff and faculty to redesign our existing research website. We wanted a modern look and feel with our new and improved content easy to find.
Our first discussions revolved around defining users, once we had a clear idea of each of the five types of users. We set out on defining the journey for each one. A lot of these journeys ended up with overlapping pieces, so we wanted to make sure that the experience for each user was comparable.
The Build:
Since our content was so robust and we needed to make it easy to find for each user type, I opted to use Drupal as the backend so that I could customize our data access and display. The theme is based on Bootstrap 5 with each element custom styled in CSS and available as an independent component in our style library.
Biggest Challenge:
The biggest challenge was the large team size and the new data we were tasked to make available. We negotiated these challenges by separating our core team into a weekly staff meeting and then a monthly whole team meeting including the stakeholders. Our finished result has received great feedback.
Event Website
Project Summary
The SMADIE event is held online annually. I’ve been supporting the event since its inception. The current website is built using WordPress, so that team members can easily help manage content updates. The digital collateral for this event includes PPT slides, social media graphics, logo updates, and a livestream page for the event stream.
Biggest Challenge:
Since we moved the project away from Stanford University School of Medicine’s base web system (AEM), we still needed to retain the visual identity and standard components of the SoM design templates. This was accomplished by closely following the published design guidelines.
Ongoing project:
Graphic Design
WordPress
Web Design
Digital Collateral
Center Website
UI Design
Web Development
Drupal Theming
Web Design
Project Summary
I worked with an interdisciplinary team staff and faculty to redesign our existing research website. We wanted a modern look and feel with our new and improved content easy to find.
Our first discussions revolved around defining users, once we had a clear idea of each of the five types of users. We set out on defining the journey for each one. A lot of these journeys ended up with overlapping pieces, so we wanted to make sure that the experience for each user was comparable.
The Build:
Since our content was so robust and we needed to make it easy to find for each user type, I opted to use Drupal as the backend so that I could customize our data access and display. The theme is based on Bootstrap 5 with each element custom styled in CSS and available as an independent component in our style library.
Biggest Challenge:
The biggest challenge was the large team size and the new data we were tasked to make available. We negotiated these challenges by separating our core team into a weekly staff meeting and then a monthly whole team meeting including the stakeholders. Our finished result has received great feedback.
Project Summary
Continuing project working with a multidisciplinary team to design and produce the department’s annual report. I have been the lead on design and production for the Report since 2008.
Graphic Design
Print Production
Page Layout
Digital Collateral
Graphic Design
Print Production
Video Editing
Digital Collateral
Project Summary
I worked with the primary physician scientists for this project. Their work was accepted to the journal, and they were asked to generate something unique for the cover that depicted their work.
The image shows “the independent and synergistic effect of sound waves (curved white lines) and mesenchymal stem cells (which are arriving at the kidney via its blood supply) in stimulating kidney regeneration following injury. The small yellow circles represent the release of growth/regeneration-promoting factors following treatment.”
Biggest Challenge:
The challenge with this illustration was showing the complex vasculature and its association with the renal lobes. This vasculature is important to the therapy in that the physicians can use the vasculature to deliver the treatment and use the focused sound waves to activate the treatment, hence minimizing systemic exposure to treatment.
Scientific Illustration
3D Art & Rendering
Print Ready Art
Senior Designer in the East Lincoln county area of North Carolina. Specializing in all types of graphic design: business cards, letterhead, book layout, brochures, signage, etc and web design: user interface design, webpage design, landing pages, web advertisements, social media graphics, CMS maintenance and development (WordPress, Drupal, Wix). Contact us via web or email today for an informative discussion about your new project!