CSS Jabberwocky

For this project, we created a unique website by only modifying the CSS. Check it out here!

I first started by sketching my design on paper. I decided to put the different texts in their own boxes, with a background behind that would fit the theme.

Then i went to Dreamweaver and put my design to life. I added the borders for the divs, added the background and adjusted the layout for the different possible widths of the browser.

Smitty's Website Redesign - Mobile First

This project is an example of the concept of mobile first design. We started by designing and optimizing the site for the mobile platform, then modified the css for it to work on tablets, and finally created the desktop site. This project taught the importance of having sited that are filly optimized for the mobile platform. I learned several new tools that i can use on my other sites, like setting an element to not be visible at the smaller sizes, and using "em" measurements instead of inches or pixels. One thing that really stood out to me was how this simple change in approach can vastly improve the site. I am glad that we learned these skills, and I look forward to implementing them into my next projects.

Check out the site! http://eravensonline.net/students/716ptr11/Smittys/Smittys.html 

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.