SITE REVIEW: AlanJoseph.com (updated 2-17-04)

  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

http://www.alanjoseph.com

Hey guys, redesigned my site for a cleaner interface and easier navigation. My work has been making its way around and I've been getting a number of free-lance jobs thru both word-of-mouth and thru contacts I've done work for in the past. So I thought it was time to do a portfolio site.

Let me know what you think, thanks.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • gba_m
  • Student
  • Student
  • gba_m
  • Posts: 71

Post 3+ Months Ago

the site loads fast and it looks clean.
i suggest that you should add more graphics, not just the header/logo
you have a fair amount of content

a minor thing that i observed is that the domain name changes after the "intro page". i think that they should have the same name just to be consistent.
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

gba_m,

Thanks for taking a look.

The domain changes after the 'splash' page because I have two servers. The alanjoseph.com server only has 2GB of transfer per month, which was fine, until I added all the audio content, I found I was reaching my max by the middle of the second week. However, the second server allows 6GB per month, which should get me through. Also, I no longer can use the second server, the FallOfAutumn.com server because that was the old name of my band, which we were forced to change.

So, I took my alanjoseph.com site and stuck it on the fallofautumn.com server to use all that bandwidth that the band is no longer using...
  • rainman
  • Beginner
  • Beginner
  • User avatar
  • Posts: 54
  • Loc: near Warsaw, Poland

Post 3+ Months Ago

Meaby u should work in CSS... create for example TD's reacting (on mouse over). It would give more life and personal elements on it.

It looks almost ... empty... in 1600x1200 :P

But! Headers are fine for me. Only this menu...
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

What are TD's?

Are you able to read the text at your resolution? I'm using 1280x768.
  • rainman
  • Beginner
  • Beginner
  • User avatar
  • Posts: 54
  • Loc: near Warsaw, Poland

Post 3+ Months Ago

Im using 19" with 1600x1200. Im reading without a problem any text that isnt 8px... ;)

TD... this is one cell in table...
For example u could change it like that:

Code: [ Select ]
<td><div align="center"><font size="-1" face="Arial, Helvetica, sans-serif">[
        <a href="home.php">home</a> ] | [ <a href="visual.php">visual
        works</a> ] | [ <a href="symphonic.php">audio - symphonic</a>
        ] | [ <a href="electronic.php">audio - electronic</a> ] | [ <a href="written.php">written
        works</a> ] | [ <a href="bio.php">biography</a> ] | [ <a href="contact.php">contact</a>
        ]<br>

        </font></div></td>
  1. <td><div align="center"><font size="-1" face="Arial, Helvetica, sans-serif">[
  2.         <a href="home.php">home</a> ] | [ <a href="visual.php">visual
  3.         works</a> ] | [ <a href="symphonic.php">audio - symphonic</a>
  4.         ] | [ <a href="electronic.php">audio - electronic</a> ] | [ <a href="written.php">written
  5.         works</a> ] | [ <a href="bio.php">biography</a> ] | [ <a href="contact.php">contact</a>
  6.         ]<br>
  7.         </font></div></td>



Into

Code: [ Select ]
      <td>
            <div align="center">

<table width="100%" cellpadding="0" cellspacing="1" bgcolor="#ffffff" border="0">
<tr>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="home.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">home</a></td>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="visual.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">visual works</a></td>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="symphonic.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">audio - symphonic</a></td>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="electronic.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">audio - electronic</a></td>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="written.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">written works</a></td>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="bio.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">biography</a></td>
<td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="contact.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">contact</a></td></tr></table>

        </div></td>
  1.       <td>
  2.             <div align="center">
  3. <table width="100%" cellpadding="0" cellspacing="1" bgcolor="#ffffff" border="0">
  4. <tr>
  5. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="home.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">home</a></td>
  6. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="visual.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">visual works</a></td>
  7. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="symphonic.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">audio - symphonic</a></td>
  8. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="electronic.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">audio - electronic</a></td>
  9. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="written.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">written works</a></td>
  10. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="bio.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">biography</a></td>
  11. <td onMouseOver="this.style.backgroundColor='#D9DBCE';" onMouseOut="this.style.backgroundColor='';" bgcolor="#E8E8E0" width="170" height=22 align="CENTER" valign="MIDDLE"><a href="contact.php" style="font-family: Helvetica, Tahoma, Arial; font-size: 10px; text-decoration: none;">contact</a></td></tr></table>
  12.         </div></td>


U can check how it looks here (only menu!): http://80.55.47.130/ozzu/checkThisOut.html

And, really, start using CSS please...

If u want to use it, please send me email - i ll do for you CSS in head, or in external file - code ll be shorter.
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Site updated, please take a second look, thanks Rainman!
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Alan, I think you've done a great job on your site, and I'm enjoying listening to all your music. I'm looking forward to seeing the visual gallery.
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Thanks dM, I hope you enjoy the music, did you see the announcement for "Widow Of War"?!? It's to used in a video game trailer soon, my first published credit! The visual gallery should be up by the end of the weekend...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

congrats!!! That's great!
:thumbsup:
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

Very nice improvements, Alan. Good job!
  • s][ren
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: Lehigh Valley

Post 3+ Months Ago

I think the minimalistic approach fits the site perfectly
The site looks great but might want to put a graphic at the bottom. Maybe something underneith everything. like a paintbrush near a paintcan or something.

The Widow of War link doesn't work :( I was looking forward to listen to it. Congrats on being selected for the video 8)

Overall: Nice work I wouldn't recommend animation because it might ruin the "pristine" look of the page
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Not sure why my site won't take you there, it has the right link, try this: http://www.garritan.com/mp3/WidowOfWar.mp3
  • rainman
  • Beginner
  • Beginner
  • User avatar
  • Posts: 54
  • Loc: near Warsaw, Poland

Post 3+ Months Ago

Site is very good ;) and music - its super!
  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

I love your photos.

Might I just suggest that you make the alignment of the headings the same on all pages, in a couple (like 'home' on the homepage) they indent a tad further than the others. A very minor quibble, I know, no big deal at all.
  • rainman
  • Beginner
  • Beginner
  • User avatar
  • Posts: 54
  • Loc: near Warsaw, Poland

Post 3+ Months Ago

s][ren wrote:
I think the minimalistic approach fits the site perfectly
The site looks great but might want to put a graphic at the bottom. Maybe something underneith everything. like a paintbrush near a paintcan or something.


I agree. It would fit perfectly.

Post Information

  • Total Posts in this topic: 16 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 7 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.