My Designs – Montessori Early Years

March 22, 2011 | Comments Off

Last year in March I was contacted by the Montessori Early Years in LaSalle to design, develop and administrate their website. It was the first time they’d ever had a website designed and they weren’t sure exactly what they wanted or what’s more, what their customers wanted. I designed a simple site for them that listed their general info, admission fees and contact info. They were very happy with the result.

Early this year, I decided to have a meeting with them to discuss the renewal of their hosting as well as a few things I thought we should add to the site. After a few hours of conversation we decided to scrap the first design and go with something fresh and new. Something that was more playful and lighthearted. What I came up with can be see by clicking this link; Montessori Early Years or viewing the image below.

Montessori Early Years

As you can see I’ve done away with the black and dark brown theme of the site and gone with a more light-hearted yellow and blue. I’ve also added a Javascript to the header of the site which switches the main image each time a page is viewed. As far as the back-end goes, it’s all done with CSS and a DIV based layout. I’ve added a “members only” area using PHP which parents can log into and view important PDF’s as well as private photo albums. I’ve also added a “news” section which can be updated easily by staff at Montessori or by myself.

Suffice to say the new design went over very well at MEY. The principal couldn’t be happier with the result and said their parents loved the new photo album viewer (which I did with a simply Lightbox).

If you’re interested in having a website designed and/or developed by me, please don’t hesitate to get in touch. I offer some of the best affordable custom web designs in the Windsor area.

Using Lightbox With Photo Galleries

February 14, 2011 | Comments Off

If you’ve been keeping up with my @sebas_agosta Twitter account lately, you’ve probably noticed that I’m currently creating a brand new custom web design for the Montessori Early Years. You can see the current website design I did about a year ago in my portfolio. As you can see the site already looks out-dated and is clearly not some of my best work.

The new design includes much “softer” and “inviting” colors as well as much better coding on the back end. The site is now completely built using a DIV based layout and CSS. One thing that I was really excited to change was the photo gallery section on the site. The script I used for the first design was very tedious and quite frankly a pain to update. The code I’m using for the photo galleries now is called Lightbox and more specifically Lightbox 2.

Most of you have probably seen some variation of Lightbox online when searching through photos on certain sites. Facebook now uses a form of Lightbox for it’s photo galleries as well as many other mainstream sites. Lightbox is coded using Javascript and CSS and is very simple for even the most beginner web designer to implement on their page. All the information on coding and files for Lightbox can be found on this site.

Lightbox will make your photo galleries much more elegant and simple to navigate. I’d recommend Lightbox for anyone who has thumbnail photos they want expanded when clicked. Give it a try and if you have any questions on it, feel free to comment below!

  • Advertisements

  • My Twitter Feed

  • On Facebook