Web Design

Sitemap for Moliza Designs 2.0

This site map was created for this version of “Moliza Designs”, so it’s only fitting to include it here. It was necessary to help establish the layout of the site I wanted, which helped narrow down the options I had to work with.

Moliza_Designs_Diagram.jpg

Wireframe via Mockingbot

This wireframe was not created for either version of “Moliza Designs”, however, it’s relevant to this page as it showcases experience with this format. This example was to create a wireframe for an emergency mobile app.

wireframe.JPG

https://mockingbot.com/app/ykonvGove08S11wuY7UQZJaAzSxPuBc

Error 404 Page

This example showcases an assignment where the objective was to create an “error 404” page for when a user has selected a bad link or nonexistent page. LucidChart was the program used to create this “low fidelity” wireframe to depict content boxes, text, and simulated buttons.

error404

A18.M10_MCornell_IC404

Moliza Designs 1.0

Shown here is the original version of “Moliza Designs”. It was created for the Web Techniques course I took. This example showcases use of templates and work with HTML5 with Bootstrap.

molizadesigns_1.0.JPG

http://www.molizadesigns.com/icm505/index.php

Full screen landing page for ASPCA

The donation appeal below was designed to be a landing page for the ASPCA. It showcases work with Photoshop and layout design.

donationappeal.JPG