Redesigned Index Page

For our semester 1 final, we redesigned our index pages. I created this site using a template found online.
I added the background image to create a sense of depth. The fonts are created with Google fonts. The color scheme is based on the photo.

Check it out here!

TV25 Website Project

We started the process of building this website by first creating a wireframe mockup on illustrator.



We then showed these mockups to the client and got feedback on our initial ideas.

With these ideas in mind, we created a site on dreamweaver. 

This is the site that I created.

This has been a great learning experience of  how to work with clients and give them a product that they want, with some of my ideas.

I am happy with the overall outcome of my site. I think that it reflects the company well and would look good online.

Lori's Lumens Logo Mockups

I created these mockups with my final logo to show how this could be used in real life.

Lori's Lumens Logo Revised

Here is the revised version of the logo. I listened to the feedback and chose a different font to give it a better look.

Lori's Lumens Logo Design

In web design, we are creating a website for an imaginary business. The website will include this a logo which I am in the process of designing.  Here is my work so far on the logo for Lori's Lumens.

On this page, I have a light bulb tilted on an angle.
I like the box with the text on the side of it the best.

This page continues experimenting with more ideas. I tried to imagine a light bulb hanging from a string on the ceiling.

On this one I added more detail in the bulb and on the screw part.

I tried to explore other ideas that isn't just a light bulb. I couldn't figure out how to make it look right, so I probably won't be using this. 

Here I was testing out different fonts to go with the logo.

WordPress.com vs WordPress.org

Wordpress.com and Wordpress.org, although they may sound like the same thing, they have many major differences.

Wordpress.com had a guided set up process that is easy to understand for beginners with different themes other customizable features. Once your site is set up, you can use the portal to see your site, a feed of other wordpress sites, and stats about your blog.

Pros

• Easy to set up
• Easy to customize. 
• Free

Cons

• Paid upgrade needed for more features and customization   
• No plugins
• Limited number of themes

Wordpress.org is a website dedicated to wordpress community. on this site, you can download the wordpress software. Although it is much less restricted, you have to have experience and knowledge
in web design.

Pros

• Free software
• Plugins
• You can use any theme
• Unlimited customization 

Cons

• You have to pay for hosting 
• Install it yourself
• You are responsible for managing and maintenance of your server

Although not one os objectively better than the other, it is up to you to pick which features you value the most.

Source - WordPress.com vs WordPress.org

Embedded Maps

In class we have been researching maps embedded into websites with custom pins that show personalized information for a potential client. We looked at three different sites and how they worked to understand how we can make our own version. 

Zillow-

Zillow is a real-estate website. The map makes it easy to find houses in an area and all of the information that may be needed.  I couldn't find exactly how they made the custom pins, but they embedded Bing Maps into their site to create the map.

Century 21

Century 21 is also real-estate website. This map has highlighted red areas to show what area is selected and also has similar pins to Zillow.  I couldn't find exactly how they made the custom pins, but they embedded Bing Maps into their site to create the map.

T-Mobile

This site shows all of the T-Mobile stores on the map. This one is created with Google Maps and also has custom pins providing information about each store.

I will use Google Maps to embed a custom map onto my site with custom pins.