field background
 
Bull10Board.com
Home | About Us | Blogs | Contact Us | Forums | Portfolio
 

My Portfolio

Below is a list of websites I created or have worked on, as well as a description of my responsibility on each site:

Click to view a site designed in Wordpress

 

GEICO

 

This was a site that was created for the ECAMS login page for GEICO. I created the page from a mockup. I utilized HTML5, CSS3, XML, JavaScript, and the DOM to create the page. I utilized GEICO's style guide to adhere to branding and standards.  The page utilizes the standard GEICO footer with social media icons and the standard header for login pages. The page is cross-browser and cross-platform compliant and utilizes the fluid grid system to ensure site is responsive.

top


This is the mobile view of the ECAMS login page. I utilized the fluid grid system and media queries to ensure the site was responsive. I also utilized GEICO's style guide to ensure branding and standards were maintained.

top


 

 

This is a page that I created with fully functional tabs for the Auto Policy section of GEICO. The purpose of the page is to show the vehicle details of the auto loan you have or are applying for. The content on the page changes depending on which tab you click on.  Hover states were included to display the active and inactive tabs.  The number of tabs and their sizes can also be adjusted depending on how many vehicles you are looking at. The page utilizes GEICO's style guide and standard headers and footers.

top


 

This is a page that I created with fully functional accordions to access content for your personal auto policy. The purpose of the page is to show the details of your personal auto policy and can be accessed via clicking on the accordion plus sign and closed via the minus sign. Icons from GEICO's design kit were added at the bottom to account for additional policies user may want to apply for.  The page also utilizes GEICO's style guide.

top


 

Mortgage Website

 

I created this site for the Mortgage Department. I created the site using the bootstrap framework. I added the SDFCU logo on the top left and the top nav in the header. I created buttons in CSS with rounded borders and drop shadows and a hover state to modernize the look and feel. I created a right sidebar to add our resources, services, contact information and images. I also created the FAQs and Glossary of Terms pages that are accessible via the Resources section. I utilized the SDFCU blue and red throughout the site to standardize the look and feel and utilized the Roboto font. I created a style guide to standardize our sites.

 

top


 

Auto Loans Landing Page

The Auto Landing page was created using bootstrap, with one of our vendors. I managed the process, liaising with the vendor on a regular basis. I suggested ways on how to display the content, after meetings with the Marketing team and our vendor. I created the top nav, and helped come up with the image carousel and suggested ways on how to display the content in the left sidebar, using boxes. I also edited the footer and helped layout the content. I edited a lot of the CSS/HTML code, ensuring the site was responsive and accessible across different platforms and browsers. The site has changed since I last worked on it.

top


Auto Search Site

The Auto Loans page was also created in bootstrap. This site was created by our vendor. I tested the site on a regular basis and suggested ways to display and improve the layout of the content. I coded the site using CSS and HTML to standardize the look and feel and to ensure the content displayed properly. The site has changed since I last worked on it

top


Boat Loans

I came up with the concept of this site, to help promote our boat loans to members. I met with the Marketing team and Loans department to come up with the content and utilized the bootstrap framework to create the site. The site has changed since I last worked on it

top


State Department Federal Credit Union

This site was already created when I started working at SDFCU, but I created the top drop down navigation, left aligned the text and created hover states. I also added hover states to the top nav links. I added CSS elements to our Ask/Search form at the top right and included the routing #, which was our #1 asked question right underneath the Ask form. I edited the HTML code, CSS and JavaScript regularly throughout the site. I aligned the footer links and content, amongst many other changes. I also optimezed the site, adding titles and alt content on all images and standardized all URLs.

top


Administrative Office of the U.S. Courts Intranet

 

The above are 2 screenshots from the Intranet that I worked on at the Administrative Office of the U.S. Courts. One of the main sections I was responsible for, was the Guide section of the Intranet. The Guide section was text rich, so I quality assured the site on a daily basis, ensuring the look and feel and that the pages met U.S. Courts guidelines. The screenshots are going to show some of the navigation, blocks and tables that were added via Drupal and using HTML/CSS coding. I coded the site using mainly CSS and HTML and some JavaScript on a regularly basis. I also performed Usability testing to ensure the site was navigable and content was easily accessible.

top

Home | About Us | Blogs | Contact Us | Forums
©2008 Bull10Board.com