branding
resume
strip

My Online Portfolio

Tutor-Book

Tutor-book

Visit Website

Stay Educated, Stay Connected

This is a website that I designed to help local tutors in the Dallas Metroplex link up with people who need tutoring. The site also offers a lot of resourceful information for learning, such as study tips and information about learning styles.

I wrote 90% of the content for this website myself, and the images are all freestock photography. Because of the original content, this worked great for SEO, and though no one has started using the forums yet the site actually got to a peek of 26,077 hits in September of 2012.

To utilize my skills with responsive frameworks, I used Foundation to easily make this website fully responsive.

×

Cindy Langford Photography

cindylangfordphotography

Visit Website

Where Beauty meets Functionality

This was a re-design for a client. She is a photographer in Wyle, TX. Her orginal design was created and hosted on Wix. I re-designed her website, updated it with current content, and created her an admin panel. For this webiste I utilized PHP, HTML5, CSS3, and Jquery.

Since then she has closed her website, so I am now hosting the website I created for her on my server for viewing purposes only. Please do not make any actual orders from this site.

×

Fitness Grab

fitnessgrab

Visit Website

Fictional eCommerce Site

The majority of research I did for this site, surprised me because it showed that women between the ages of 23 and 30 would be the target audience. I would have thought it would have been men, sense the site focuses around weights and working out. I wanted to create a sense of community among members, to increase sales and the brand name (no actual sales are made). For this project I wrote my own AJAX comment box and private massaging system using PHP. When users are signed in they can leave comments on products, if another user clicks on the screen name of someone who posted a comment, they can send that person a private message. The private message is intended to be more like a private review, in case they want to ask questions without having the whole world read what they write. Although this site is fictional, I feel this concept and design could work well in a real world scenario.

I did not use any plug-in's while creating this site, I made the shopping cart using PHP arrays. I incorporated product roll-overs using jQuery, and a search feature using PHP. I wrote the comment box using Ajax, PHP, & CSS3, and the private massaging system using PHP and a database.

×

Cindy Langford Photography

User Experience Design Process Book for cindylangfordphotography

Visit Process Book

NOTE: This file has gone missing from my server, I don't know why. I will replace it as soon as I find it or get another copy from a backup drive.

User Experience Design Process Book

Before re-designing a website for Cindy Langford Photography, I wanted to craft the perfect user experience. So I started out with a client questionnaire to get a clear understanding of what she was looking for and find out a little about her clients. Then I did a Needs Analysis. Then I started on a process book determining the major goals of the site, researching the target demographic, completed wire frames and design comps, and finally I did user testing on the website after I built it. I made slight modifications on the website between the testing of some users, until the user experience went smoothly as it should.

×

Menu Prep

User Experience Deisgn process book for Menu Prep

Visit Process Book

Development & Project Planning

This is my process book for Menu Prep, a site that allows you to create a weekly menu online. The site will also allow users to create a weekly shopping list, upload recipes, and share their recipes online. Members will be able to send private messages to one another, and leave reviews on recipes.

In the project planning book I define things like typography, color, and create wireframes, design comps, and plan out the MySql database details. I also research the target demographic, and competitors.

×

Process Book for Rising Grass

user experience process book for Rising Grass

Visit Process Book

User Experience Design for Rising Grass

This is a process book that I did to craft the user experience for Rising Grass. The final design altered slightly. Throughout this process I researched the target demographic, created wire frames, design comps, and experienced with ways to make a better user experience.

×

A logo to love

menuprep logo

View the process book to see my development stages for creating this logo.

Menu Prep Logo

This logo I created for a website called Menu Prep. I brainstormed tons of ideas, and tried a lot of different designs before deciding on this one and finalizing development. If you would like to view my process of development, view my process book for Menu Prep.

×

Rising Grass

menuprep logo

Visit Website

Flash Website for Rising Grass

I programmed this website using Actionscript 3.0, so it is a fully functional Flash website. It is for a fictional company called Rising Grass (just a portfolio piece), there is no actual monetary gain.

For this site I also programmed my own banner rotator and photo gallery with sliding thumbnails using Actionscript 3.0, which could be used in a number of Flash environments. All the content and images were acquired from real companies who gave me permission to use their digital content through email, those emails can be found on the site. NOTE: I did not program the grass in the footer that moves on mouse over, credits are given in the actual code.

×

Menu Prep

menuprep

Visit Website

Creating Weekly Menus and Shopping List are Easy as Pie!

This is a website that I created called Menu Prep. Though there are still some features that I am adding to this website, such as the ability to make your menu public and allow other members to leave recipes for items on your menu; the site is fully functional. You can create weekly menus online, immport items you have used before, create weekly shopping list, print menus and shopping list, create recipes, and other great features.

I developed this website using a MySql Database, PHP, Ajax, Jquery, HTML5, and a little bit of love. You can view the project planning book that I created for this website in my portfolio as well.

×

Logo Design

This is a logo design I did for a website that I made in Flash, the logo actually animates in flash on the website. It is for a fictional company (portfolio purposes only), to showcase my skills in Actionscript 3.0 and the Flash interface. The web site is for a fictional company that sells artificial grass. For this project I emailed a few companies in the industry and got their permission to use images and body copy from their website, those emails are viewable on the website.

×

Codefella.net

codeFellaLogo

My Personal Identity Logo

This logo I designed for myself and this website, to showcase my portfolio of work. It is my personal branding.

×

Sac A Burger

sacaburger

View on a Letter Head

Logo Design

A conceptual logo design for Sac A Burger

For this logo I wanted to incorporate the fact that this burger joint is fast and reliable, and because of the odd name I wanted the user to visualize it in the logo. I feel that showing a tasty burger going into a sack, helps the audience link a delicious mean with speedy service.

×

Yellow Rose Cafe

yellowrose

View on a Letter Head

Logo Design

Logos should be simple, beautiful, and memorable. Finding the perfect combination can be difficult, this is what I faced while creating this logo. I wanted something that was beautiful, elegant, and at the same time captured the name in a way the audience could visualize it.

This conceptual logo was fun to create because it took a lot of tries to get it right, I feel the final design is one that really captures ones imagination and has a home grown feel to it.

×

J&J Automotive

jandj

View on a Letter Head

Logo Design

This logo was all about finding the right font. Sure I could have created a graphic of a car, but I felt that for this purpose using typography for the logo helped to create a better brand image. This is a simple logo that can easily be remembered and recognized.

The style of this conceptual logo design for J&J Automotive, could be used in a similar fashion for any company. With a typography logo it is always important to find the best font, and usage of color.

×

Kickers Bar & Grill

kickersbar

View on a Letter Head

Logo Design

For this logo I wanted to go with something western, and make you feel like your entering an old saloon. The target audience mainly listens to country music, and wears boots. So I wanted to incorporate that into the design of the logo. I feel this is a design that would look great high up in the air, and small enough to fit on a business card.

×

Info Graphic

I created this infographic on the SPCA because of my love of animals. The SPCA does a lot of work for the good of animals, and helps pets get adopted every day. I created all of the graphics using Adobe Illustrator. I choose the color brown because brown is a serious, down to earth color signifying stability, structure and support. Relating to the protection and support of the family unit, with a keen sense of duty and responsibility. I felt this really struck home with people who might see an animal in need, and the color was a perfect fit. I choose to use blue because it is the color of the sky and sea. It is often associated with depth and stability. It symbolizes trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven. A lot of these terms a pet looks for in its owner, and I believe it is appropriate for the target demographic.

×

Gold Water

goldwater

View as a PDF

Promotional Poster

I created this poster in Adobe Photoshop, using advanced techniques. I used Photoshop instead of Illustrator because of certain things that needed to be done that were more suitable for Photoshop to handle.

Gold Water is a fictional company, this is a project I did as a college assignment.

×

Typography Portrait

obamaposter

View as a PDF

Poster

This was an assignment that I did for a class called Conceptual Typography. We were asked to create a poster using only letters, using the font of our choice. I choose to do a portrait of the President, and use some of the fonts that he used in his campaign. This was an advanced graphic design class, overall I felt the project came out good. I did all the work in Adobe Illustrator.

×

Digital Illustration

illust

View as PDF

Creating life like graphics

One reason I love Adobe Photoshop is because you can create such realistic graphics just like in Illustrator, but you have the power to do so much more. I would love to do more work like this an incorporate them into my websites, as I think they make for more interesting pages. Everyone has photographs, but custom well designed graphics can really make your website stick out.

I can do graphics like this one as a portrait, animals, or just about anything. They also work well in infographics. This one I did in Photoshop just to show that you can create stunning illustrations in Photoshop, however I can do them in Illustrator.

×

Hangman

illust

Play Hangman!

Interactive Javascript Game

I really enjoyed programming this game. I love finding solutions for problems, and while making this game I had the opportunity to find and solve many creative problems. I wrote this in straight Javascript, I did not use any jQuery for this project. The hardest part about creating this game was finding a way to take a users input, and then search for multiple instances of a character within a string.

The game can have words in it up to 14 letters long, and can contain multiple of the same letters. If you guess a letter that you have already guessed (right or wrong), it tells you so that you don't waste a turn. I created all the graphics in Adobe Illustrator.

×

The Open Relationship

Creative Animation

This project I did just for the purpose of learning After Effects. I basically created a 2 minute movie intro for a fictional movie. Please Note: This video may not appear correctly if you are using a mobile device.

×

www.codefella.net©2013 | All Rights Reserved | Designed By Glenn Powell

Get In Touch

* Required

2 + 3 =

×