After The Bell Inc

I've worked with the owner of After The Bell since 2010, when my kids were still in after-school care. Mandy's a great client, she knows what she wants and how to articulate it! These are the iterations the website has gone through since I started maintaining it.

I manage everything about this website, from the code to the content to the hosting. It's designed as a single-page with sections and has very minimalistic presentation overtones.

This has been a great learning experience for me; I've learned many things including how to host a site and set up a GIT repository. I've presented original concepts, proposed changes, and collaborated with others at Mandy's request.

Technologies

Many technologies have been used including:
- HTML
- CSS
- Bootstrap
- Lightbox
- GIT
- JavaScript


Website Mark 1.0

This was my first foray into real-world web development and management.

I designed this website off of the requirement to "keep it clean and simple", and Mandy loved it.

Once designed, the next step was to find a webspace provider and register the domain, which was a learning curve as I had never done that before!

After it was live, I continued to maintain the website, including formatting the summer programs in PowerPoint, adding the testimonials on the left panel, and adding a photo album with Lightbox.


View Project

Website Mark 2.0

After hearing from Google that my initial revision wasn't mobile-friendly, I took the opportunity to re-design the website.

I decided that building a mobile-friendly website from scratch would be re-inventing the wheel, so I used a template. I searched for free mobile-friendly website templates, and came across this one. As you can see, some extensive work was done to investigate the design, change the color scheme, add the data, incorporate custom staff pop-ups, and add other needed components.

Mandy was extremely happy with the upgrade!

You can view the source code here: https://github.com/serenac7/afterthebell/releases/tag/mark2


View Project

Website Mark 3.0

Mandy had done some marketing analysis, and decided that she needed some changes to the look-and-feel of her website.

She brought in a friend of hers to collaborate with me to get the changes made. He did an excellent job re-vamping the appearance of the website and applying styling changes to improve it the way she wanted. My job then was to ensure the quality of the code and apply the changes!

This is where using GIT REALLY came in handy! I created a new branch and shared the link; then Todd was able to apply any changes he wanted or needed at his leisure, which created his own branch that I was then able to merge into my branch.

You can view the source code here: https://github.com/serenac7/afterthebell/releases/tag/mark3


View Project