
Daddy Bags
How was it done?
This website was built using HTML5 and CSS3. The client chose the colors and a pattern they liked and I created the site from scratch, using stock photography related to babies, hospitals, and child birth. I used a very simplistic menu style with small icons to easily distinguish pages.
I also made sure to make it multi-browser compatible to reach the widest audience possible, and increase my client's sales. The site is a fully functional online store, which I achieved using Adobe's Business Catalyst platform.
What was used?
- Adobe Photoshop
- Adobe Illustrator
- Adobe Dreamweaver
- CSS(2,3)
- HTML(5)
- Media Queries
- Javascript (for IE)
- BusinessCatalyst (online store)
O'Connor Consulting
How was it done?
This website was built using HTML5 and CSS3. I wanted to keep the circle theme consistent throughout, to correlate with the logo. For main colors I used blue, to highlight the logo, and orange as a compliment.
I also developed an alternative stylesheet for mobile devices, and used media queries as a call method for those devices. The Services page is also much more manageable on mobile devices with each service acting as a clickable button which when clicked provides all the information needed. (Media queries also allows you to view a mobile page on your desktop simply by resizing your browser window (using Safari, Firefox, Opera, or Chrome), so try it out!)
I also made sure to include conditional statements for anyone viewing with Internet Explorer.
What was used?
- Adobe Photoshop
- Adobe Illustrator
- Adobe Dreamweaver
- CSS(2,3)
- HTML(5)
- Media Queries
- Javascript (for IE)
O'Connor Consulting (Flash Version)
How was it done?
This website was built using Adobe Flash CS4 and CS5, and ActionScript 3.0. This was an early mockup of the O'Connor Consulting website. The client and I later decided Flash was impractical for a real estate website, since the most important thing was a user's access to information and easy navigation, not Flash(y) graphics and transitions.
However, I did put a lot of work into the site, and nearly everything is interactive. I created all the graphics on the site from scratch, using Adobe Illustrator to design the site before importing everything into Flash.
All the transitions are made using handcoded ActionScript 3.0, and all are custom transitions. I'm hosting the site for use as a portfolio peice demonstrating my Flash capabilities, the current O'Connor Consulting website can be seen above.
What was used?
- Adobe Flash (CS4,5)
- Adobe Illustrator
- ActionScript 3.0
Banana Leaf
How was it done?
This website was built using mainly basic HTML and CSS. All of the graphics are custom, created from scratch in either Adobe Photoshop or Illustrator CS5. I used background images with rounded corners (instead of using border-radius with CSS3) to avoid any complications for people viewing the site using Internet Explorer.
The website was a mockup for a restaurant that already has a very basic website. Due to this, not all content is present, and what is there is merely placeholder to illustrate what it could look like.
I included various features that the restaurant's basic website didn't have. Some of these features include a Facebook "like" button, Twitter/Facebook links, a Google maps plugin, and a photo gallery.
What was used?
- Adobe Photoshop
- Adobe Illustrator
- Adobe Dreamweaver
- CSS
- Basic styling
- HTML
Selby Creative
How was it done?
This website has been built using all aspects of web design. From using CSS3 for rounded borders, to using Flash on this page for interactive titles, I've tried to implement every web design standard on this site.
This site was originally just a blog, then expanded to include photography, and eventually I added the details on every service I offer with examples for each. It became my online portfolio, and the blog aspect went away entirely.
This site changes on a near-daily basis. Some days it's only small adjustments, like changing the margins on a menu item. Other days it's fundamental changes. And some days, it's complete site redesigns.
As with all my sites, I try to keep Flash and Javascript content to a minimum, and try to use CSS3 in it's place, whenever possible. Some effects are only achieved with Flash, like the titles on this page, so I have to resort to it sometimes.
What was used?
- Adobe Photoshop
- Adobe Illustrator
- Adobe Dreamweaver
- Adobe Flash
- Adobe Lightroom
- CSS (2,3)
- Basic styling
- Border-radius
- Box-shadows
- Gradients
- HTML (5)
- Flash (minimal)
- Javascript (minimal)
Logos
We Can Do That!
This logo was for an errand-running service. The client gave me a color scheme they liked, and I went from there. I used the clock to show that it's a service for people who are short on time. The font adds some class to the logo.
Alves Ranch
This logo was for a real estate development called Alves Ranch. The client wanted a simple text based logo centered around the letters "AR". I gave them a mockup of several options and they chose the modern looking logo above.
Beverly Hills Auto Spa
These logos were for a car wash in Beverly Hills, California. They were located right next to an iconic gas station. The client provided source images of the iconic structure and I created a logo of it. The client chose the color scheme of yellow and red, two Ferrari colours.
Apparel
Designs created during an internship at Delivery Agent and sold on the official network websites (ABC.com, CBS.com, etc).
A shirt created for the show "Lost". A simple font-centered design with "dharma" symbols making up the Lost logo. The design was used on t-shirts, bags, skateboards, and various other merchandise.
A few shirt designs created for the show Wipeout, based on commonly used phrases in the show. The phrases were given to me from the client as starting ideas and I created the designs from scratch. The designs have been used on t-shirts, bags, mugs, and various other merchandise.