portfolio.Light-fire.net - Devon Varesko's Portfolio

Featured Projects & Categories:

 

Web Design

St. Paul's Episcopal Church

I had visited this church as part of a religion class, and when I was doing a report on their church using their site, I thought it could use some improvement. I contacted the church about it, and they hired me to re-design their website.

The new site design is primarly done with CSS. The old site design used frames for the navigation menu and the calendar. Here I have integrated all the links on each page, so there is more browser compatability.

Web Design for www.stpaulsww.org
Image:
 
Description:

After

 

Screenshot of the Home page as I designed it.

Click here to see the website as it currently is.

Before  
Screenshot of the Home page before redesign.

Web Design

Fort Walla Walla Museum

I was taking a credit for Advanced Practicum when I got an e-mail that Fort Walla Walla Museum was looking for volunteers to redesign their website. It looked like a great opportunity, so I contacted them. I redesigned their site using Dreamweaver and Photoshop. I also copy/pasted and reformatted the text on all pages they had previously - so that they would have everything up to date when they started to use the new site.

 

Image:
Description:

FWWM New

Screenshot of the Home page as I designed it.

Click here to see the website as it currently is.

FWWM Old
Screenshot of the Home page before redesign.

The Arcane Valor web site

It is a website I designed for a friend of mine who plays World of Warcraft. After some intitial designs and consulting with my client, who wanted a medieval theme, I decided a scroll would fit best. After all, my client had referred to her old website as a "scroll" a few times, and I wanted to represent that idea visually as well as metaphorically.

For the repeating textures in the background and on the scroll, I used some "royalty-free" pictures, and resized and re-colored them as I felt was appropriate. I then modified the scroll texture to appear to have worn edges. I also had to create seperate pieces for the top and bottom of the scroll. After setting it up this way, the scroll will resize downward to fit any amount of text necessary (albiet with some small mis-alignments here and there).

The gryphon graphic in the top right corner is from the World of Warcraft fan site kit. I edited it to fit and have a slight fade at the sides. Since guild websites are fan sites, this works out fine.

Web Design for www.arcanevalor.com
Image:
 
Description:

 

Picture of the Home page as I designed it. (Click to enlarge.)

Click here to see the website as it currently is.

 

Here is the logo I created for the site.

(Click to see the draft page.)

 

Here is the first letter of "Welcome" from the Home page.

(Click to see the draft page.)


Class Assignment(s)

In my studies I've done a few assignments I'd like to share. One of these links goes to a project I helped with, but another student worked on as well. The other goes to an assignments page I've made for one of my classes.

Web Design for Classes
Image:
 
Description:
 
INFO 240B WebTech: Php class assignments. Click here to see my assignments page. WARNING: This link leaves this site.
 

A site another student and myself created for the local Habitat for Humanity. This was a paid project, guided by our instructor.


Elements that I worked on:

Added text content.

Created flash for home page.

Added fly-out (pop-out) menus.

Created PDF forms/applications.

Added links and extra pages as necessary, assured there were no broken links.

 

Elements the OTHER student worked on:

CSS - Cascading Style Sheets.

Overall design of website.

A number of graphical elements.

 

Elements provided by Habitat for Humanity:

Logo.

Photographs.

Text documents containing content they wanted on their site.

Feedback during creation of site.