Web Dev Update

So the website was completed and it is now live and available at : http://www.dnetsolution.com/

Earlier this week I said I would post at post mortem of sorts about my progress with developing this website since it was one of my main and largest tasks to do over this summer in comparison to the other things I have done.

I shall go into detail of each page individually:

Home Page

Home Page
Home Page

The old home page had a lot of unneeded info on it and it made it a bit difficult to look at to understand exactly what DNET Solution is.  For my homepage I decided to strip it away and follow a really minimal approach to everything.

Home Page 2
Home Page 2

For the rest of the homepage I highlighted the main product which was the Supermedia where DNet makes its main profit from.  For the footer, I also kept it simple by having a simple and sweet ‘about us’ statement and a few outgoing links to other DNet portals.

About Page

About Page
About Page

The about page defaulted to the Contact us subpage because I felt that it had the most important information to help a client reach DNET and a form to send us any email really quickly so the person would not have to load up their email.

Our Story is a small subpage with a bit of  a company blurb, nothing too fancy.  Gallery has a few pictures of DNet products and a nice lightbox display that fades the entire screen when you click each image as it opens up in full screen.

Also note that the subpages do not need to be loaded separately.  They were preloaded to make browsing faster since they all technically exist on the same page.

Product Page

Product Page
Product Page

This page was really hard to do since the old version was super clunky.  I decided to stick with my minimal approach and remove a lot of hindrances and highlight all the products at the top with a collage, then have each product section at the bottom in an accordion that the user can click and interact with.  Rather then loading another page for each, I just placed each product neatly hidden in each button.

Product page, Accordian
Product page, Accordion

The accordion works really nicely to hide each product neatly into the buttons and it allows for a very fast way to view each product. When you click on the other “Specification” button you are able to download the a data sheet for each product.

Download Page

Download Page
Download Page

I didn’t want to keep this page, But I ended up having to since my boss was adamant about having a page to send his clients to, so they may download important documents about our products.

News Page

NEWS Page
NEWS Page

I made this page entirely out of embedding a tumblr blog that I set up so that my boss did not have to keep updating the website when he wanted to make a change to the news section.  It feeds info from a DNET tumblr page and it auto updates with every new post.  It is a lot easier to use tumblr then to update a website, which is why I chose to do it this way.

Quote Page

Quote Page
Quote Page

Another really simple page that just allows a user to enter data into a form so that an email will be sent to the sales team to approach them.

 

Aside from that that is pretty much the website I built in about a week and a half.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s