Welcome To,

GABRIEL CAPOTE'S

Online Personal Portfolio

GRAPHIC &
WEB DESIGN

Hello, my name is Gabriel Capote and this is my portfolio showcasing my enhanced skills and abilites that I have aquired at the Art Institue of Dallas. I am a Senior seeking my Bachelors of Fine Arts in Graphic and Web Design.

I am passionate about combining function, interaction and form to design for a simple and easy user experience. I have a passion for creating intuitive and straight forward work, as my design process is very hands on and visual.

My Works

×

Veterans Foundation

web

This project was done in a Design Team. Our team worked cohesively on our websites. For the Greater Dallas Veterans Foundation website, I set it up using his webhosting account. I also installed WordPress and created logins for all team members and uploaded the theme and child theme. Katelyn, my team mate, entered the content and stylized the veterans, resources, and groups pages. I input the content and stylized the mission, education, and contact pages. Trevor, another team mate, put in the content and stylized the events, parade and donation pages.

We worked together on figuring out how to use the theme, such as finding the colors, fonts and changing the logo and header images. Trevor and Katelyn went through and added images to the pages and added more typography hierarchy. Katelyn found a free image slider, downloaded/uploaded it and set it up. Trevor helped with the styling decisions on it. I found an image of flags from Pixabay to be used as our homepage image header.

Greater Dallas Veterans Foundation Bibliography
“Free Image on Pixabay - American Flags, Close-Up, Flags.” Free Photo: American Flags, Close- Up, Flags - Free Image on Pixabay - 1835400, pixabay.com/en/american-flags-close-up-flags-1835400/.
All other images received from client.

Visit Website

Wave Wireless

web

My concept website for this project is ‘Wavewireless’. We are a phone company with a wide and exclusive variety of products such as phones, tablets, devices, accessories and much more. Our demographic is made up of both male and female. Age and gender is unimportant as there is product for all ages and preferences. We pride ourselves in having not only the best quality materials but also unbeatable prices in both our plans and our electronics.

We provide the best coverage in the U.S. Wavewireless has a multitude of weekly sales, promotions, monthly packages, even sneak peaks at upcoming products. The website would offer the option to view pictures of a variety of colors we have in stock. We are not just an online store, we have a multitude of physical stores as well. So on the website we have an embeded Google map with the location of all of our stores nationwide.

Wave Wireless was created with my knowledge of HTML, CSS, JAVASCRIPT, Adobe products, through a Bootstrap template. Since bootstrap give you a premade template I had to resize images, make up fitted content, code through html, and style through CSS.

View Website

Showcase

Graphic

This Graphic element was created using a combination on Color Theory, Type hierarchy, Adobe Illustrator and Adobe Photoshop. I used a photoshop mock-up for the input of the photograph of the printed products as well as placing the logo on the product. To place the logo various photoshop tools had to be placed in order. The use of Adobe Illustrator comes in when the logo is made using different type faces, colors, shapes, even 3D effects to receive the desired look. Illustrator tools such as the move tool, selection tool, gradient tool, ect.. were used to render the logo.

Apart from the logo, I also made a Secondary design and a business card, which you can see the front and back of. This image was created with the sole purpose of showcasing my skills and abilities in Graphic Design.

Magazine

graphic

This Graphic element was created using a combination on Color Theory, Type hierarchy, Adobe Illustrator and Adobe Photoshop but I primaraly used Adobe Indesign. I used photoshop to size the images to the correct proportion as well as setting the image to its highest quality. I also used photoshop to place the logo on the document and advertisement pages.

The use of Adobe Illustrator comes in when the logo is made using different type faces, colors, shapes, even 3D effects to receive the desired look. Illustrator tools such as the move tool, selection tool, gradient tool, ect.. where used to render the logo.

Apart from the logo, most of the word was done through Adobe Indesign. I used the program to set styles for the headers, paragraph text and titles. Indesign helped me structure the entire magazine. This magazine was created with the sole purpose of showcasing my enhanced skills and abilities in Graphic Design.

View PDF

AudioGraph Intl

Website

Audiographintl.com, was created By myself, Gabriel Capote. Using my knowledge of Wordpress, CSS, HTML, Adobe Illustrator, Adobe Photoshop, a combination of color theory and marketing, I was able to create this business interface. I was going for a simple navigation, therefore I wanted to use a one page scroll theme that accommodated the needs of the website. Those needs are, making sure that the website is audio and video comparable, has a parallax slider, and having an online store. I used CSS shortcakes to further modify the website, aesthetically.

For example, I made drop shadows on the buttons and headers to make it look more 3D, I also used hexadecimal codes to change the color. With my experience with HTML, I was able to create divisions to separate topics, and input all the content that AudioGraph International provided.

In Conclusion, this fully functional website created for AudioGraph International showcases my skills and abilities aquired over the amount of time attended at The Art Institute of Dallas.

View Website

charles noir logo

Charles Noir

logo

For this project I used my Adobe Illustrator skills to make this stunning logo. This Graphic element was created using a combination on Color Theory, Type hierarchy, Adobe Illustrator and Adobe Photoshop but I primaraly used Adobe Illustrator.

I used photoshop to size the images to the correct proportion as well as setting the image to its highest quality when i saved it to web. I also used photoshop to place the logo on different documents and advertisement pages. Illustrator was used to create the logo with the pen and text tool.

In Conclusion, this logo was created to showcases my skills, abilities, and creativity aquired over the amount of time attended at The Art Institute of Dallas.

View PDF

Contact Me

I am available for freelance. Can't wait for the next exciting project! Please contact me directly for further information!