Web Design

All my layouts were coded entirely in that "dinky" Notepad application using a combination of HTML and CSS (and in some cases, JavaScript), believe it or not. Frontpage loads my pages with too many unnecessary coding. Graphics for these sites were developed using photos from my old digital camera (Sony Cyber-shot DSC-P32), MS Paint, Serif PhotoPlus 5.5, and as of recently, Adobe Photoshop CS2 and my new digital camera Kodak EasyShare V1003.

To the right are screenshots, from new to old, of all designs I've done for various sites (listed in alphabetical order). Click on the thumbnails to view the designs. Some of them have supplemental designs as well, noted in their description.

Some of the designs are working designs in use on their respective sites. Click on the site name to view it.

Designs are © me, with credit given where it is due. Please do not claim or alter these designs in any way.

Click any of the site names below to jump to that particular section of layouts.

  • Mary @ Unfoolish-Miracles.net
  • memory...
  • MySpace
  • vision...

    i♥siopao! @ CafePress

  • Mary @ Unfoolish-Miracles.net

    This is the mother of all my art sites. Besides being the collective, it's also my blogging site aside from the overrated MySpace and Xanga. I've had this site running for 7 years and every time I redesign it, I try to avoid the the look of previous layouts, sometimes with failures, haha. NOTE: this site was previously known by between 5 and 10 different names. Also, all layouts before v.24 have small screen caps because at that time, size capacity was an issue and I sacrificed layout documentation for storage space. All layouts before v.11 were discarded because they looked like crap. =)

    Mary @ Unfoolish-Miracles.net v.31 feat. Okami Amaterasu
  • Mary @ Unfoolish-Miracles.net v.31 feat. Okami Amaterasu
    2008 | Adobe Photoshop CS2
    Credit: Clover Studios original artwork & U-rock's original background.
  • Mary @ Unfoolish-Miracles.net v.30 fresh start
  • Mary @ Unfoolish-Miracles.net v.30 fresh start
    2008 | Adobe Photoshop CS2
    Credit: JavaScript Kit menu script.
  • Lunar Cries v.29: さようなら
  • Lunar Cries v.29: さようなら
    2007 | Adobe Photoshop CS2
    Additional layouts: pop-up
    Credit: Dark Garden & DesignFruit brushes.
  • Lunar Cries v.28: { m o o n l i g h t }
  • Lunar Cries v.28: { m o o n l i g h t }
    2007 | Adobe Photoshop CS2
    Credit: DaFont fonts. PS Brushes brushes.
  • Lunar Cries v.27: 冬
  • Lunar Cries v.27: 冬
    2007 | Adobe Photoshop CS2
    Additional layouts: pop-up
    Credit: DaFont fonts. SEISHIDO brushes. Tiger images from...?
  • Lunar Cries v.26: ocean jewels
  • Lunar Cries v.26: ocean jewels
    2006 | Serif PhotoPlus 5.5
    Credit: DaFont fonts. Starfish image from...?
  • Lunar Cries v.25: i miss you
  • Lunar Cries v.25: i miss you
    2006 | MS Paint + Serif PhotoPlus 5.5
    Additional layouts: pop-up
  • Lunar Cries v.24: Flashback in Photos
  • Lunar Cries v.24: Flashback in Photos
    2006 | MS Paint + Serif PhotoPlus 5.5
  • Lunar Cries v.23: realization
  • Lunar Cries v.23: realization
    2005 | MS Paint + Serif PhotoPlus 5.5
  • Lunar Cries v.22: Charlie & the Chocolate Factory
  • Lunar Cries v.22: Charlie & the Chocolate Factory
    2005 | MS Paint + Serif PhotoPlus 5.5
    Credit: Warner Bros. promotional & movie images.
  • Lunar Cries v.21: LAVENDER DUSK
  • Lunar Cries v.21: LAVENDER DUSK
    2005 | Serif PhotoPlus 5.5
  • Moonlight Awakening v.20: forgiveness
  • Moonlight Awakening v.20: forgiveness
    2005 | Serif PhotoPlus 5.5
    Credit: avex PV captures.
  • Moonlight Awakening v.19: Tiger Eyes
  • Moonlight Awakening v.19: Tiger Eyes
    2005 | Serif PhotoPlus 5.5
    Credit: Tiger/panther image from...?
  • Moonlight Awakening v.18: La Reminiscencia
  • Moonlight Awakening v.18: La Reminiscencia
    2004 | MS Paint + MS Photo Editor
  • Insomnia v.17
  • Insomnia v.17
    2004 | MS Paint + MS Photo Editor
  • Insomnia v.16: Like Water
  • Insomnia v.16: Like Water
    2004 | MS Paint
  • Insomnia v.15: finally i can sleep
  • Insomnia v.15: finally i can sleep
    2004 | MS Paint + MS Photo Editor
  • Insomnia v.14
  • Insomnia v.14
    2004 | MS Paint
  • Insomnia v.12: If You Can Say Good-bye
  • Insomnia v.13: If You Can Say Goodbye
    2003 | MS Paint
  • Insomnia v.12: HEALiNG ViSiON
  • Insomnia v.12: HEALiNG ViSiON
    2003 | MS Paint
  • Born from Fire v.11: Withered Flowers
  • Born from Fire v.11: Withered Flowers
    2003 | MS Paint + MS Photo Editor
  • [top?]

    memory...

    Because of the expansion of the site from what it once was, I was driven to dividing up the site into a collective again, and this is the second site after "vision..." to be split off from the main site. I try to create layouts and themes for this site that have a nostalgic reflection on things that have passed, since this is a blog archive.

    memory... v.02 "dirty little secret."
  • memory... v.02 "dirty little secret."
    2007 | Adobe Photoshop CS2
  • memory. v.01
  • memory. v.01
    2007 | Adobe Photoshop CS2
    Credit: | portfelia | patterns.
  • [top?]

    Myspace

    Though I can't do much to alter the layout of the modules for the Myspace profile page, I can still alter the aesthetic design with images and color. I try to take full advantage of that.

    Natural.
  • Myspace: Natural.
    2007 | Adobe Photoshop CS2
    Credit: | portfelia | patterns.
  • [top?]

    vision...

    The first to be turned into a sub-site of my head-honcho site, "vision..." was originally a small art gallery until its contents were too heavy to fit onto a single page of the site. It eventually expanded into enough sections to become a site of its own.

    vision...  v.02
  • vision... v.02
    2007 | Adobe Photoshop CS2
    Credit: | portfelia | patterns.
  • vision...  v.01 DANCING KOI
  • vision... v.01 DANCING KOI
    2006 | MS Paint + Serif PhotoPlus 5.5
    Credit: DaFont fonts.
  • [top?]