This page contains information on some of the projects I have done as well as before and after photos to help better demonstrate the work I have accomplished.
Some projects may have their own page due to the extent of the work.
Yappem
Yappem is a social networking site dedicated to product and brand reviews. When I started the website was not at all mobile friendly or responsive. After just 2 weeks I made core aspects of the home page responsive.
- Yappem – Before 1
- Yappem – After 1
- Yappem – Before 2
- Yappem – After 2
Penn News Network – PNN
The Penn News Network is the mostly student run news group from the Penn High School news studio. When I started working on their website PNN had a professional level news studio, but a sub par website.
After 2 weeks of planning and development the 1st version of the website was launched. Several months later after receiving feedback from their viewers and reporters the website was tweaked to its current version.
Before | After |
|
|
- PNN – Before
- PNN – During
- PNN – After
School Websites
Penn-Harris-Madison School Corporation (or PHM Schools) is a large school district in northern Indiana. PHM Schools has over 15 websites associated with the school district. Each of the 15 schools has a website, there is a district level website, plus several smaller websites for small events. When I started working on their websites I was tasked with updating the software, making the website responsive, more media friendly, and more user friendly.
Note: The school district desired to have uniformity between its sites. Therefore all of the sites have an identical theme and structure with minor differences in colors. ONLY the main website and a Elementary School website are shown here to show those differences.
Before | After |
|
|
- PHM Schools – Before
- PHM Schools – After
- PHM Schools (Calendar) – Before
- PHM Schools (Calendar) – After
- PHM Schools (mobile) – Before
- PHM Schools (mobile) – After
- PHM Schools (mobile – menu) – Before
- PHM Schools (mobile – menu) – After
- Bittersweet Elementary School – Before
- Bittersweet Elementary School – After
- Bittersweet Elementary School (content) – Before
- Bittersweet Elementary School (content) – After
- Bittersweet Elementary School (mobile) – Before
- Bittersweet Elementary School (mobile) – After
- Bittersweet Elementary School (mobile) – After 2