Projects

Palisades Media Group

Palisades Media Group hired me to develop a fully responsive pixel perfect website for their agency. It had to be completely cross browser compatible, and responsive to every screen size including landscape, portrait, and desktop. The key feature to this project is the parallax effect used throughout the entire homepage.

Responsibilities:

  • Front End Development

  • Responsive Design

Built with:

  • HTML5

  • CSS3

  • Javascript

  • Jquery

View It Live

South Bay Trainer

South Bay Trainer is an affordable and flexible personal training gym. They were in need of a full website revamp. Their goal was to increase conversions, brand recognition and congruency.

Responsibilities:

  • Design

  • User Interface

  • User Experience

  • Front End Development

  • Back End Development

  • Responsive Design

Built with:

  • HTML5

  • CSS3

  • Javascript/Jquery

  • PHP

  • Photoshop CS6

View It Live

Mydea

Mydea, a Content Marketing company aimed at improving awareness, development, and sales of brands. Brand identity, a web platform, and the right marketing approach was needed to make Mydea successful.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Marketing Direction

  • Design

  • Content Writing

  • User Interface

  • User Experience

  • Front End Development

  • Responsive Design

Built With:

  • Wordpress

  • CSS3

  • Javascript/Jquery

  • Photoshop CS6

ShareholderApp

An app for shareholders of the stock market to easily keep track of their investments. I was in competition for a complete design of this website, and was chosen. The client then wanted me to develop the design in Wordpress and have it mobile responsive.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Design

  • User Interface

  • User Experience

  • Front End Development

  • Responsive Design

Built With:

  • Wordpress

  • CSS3

  • Javascript/Jquery

  • Photoshop CS6

View It Live

The Fit Club

The Fit Club was a blog designed to reach a healthy lifestyle market. They needed a modern and trendy layout and functionality to display their broad spectrum of categories and articles of a healthy lifestyle.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Design

  • User Interface

  • User Experience

Designed With:

  • Photoshop CS6

Perception Multimedia

Perception Multimedia is a wide spectrum media production company aimed at providing high quality media for artist and brands alike. My task was to completely create the brand, website, and marketing direction to inform prospects of services, quality, and capabilities.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Marketing Direction

  • Design

  • Content Writing

  • User Interface

  • User Experience

  • Front End Development

Built With:

  • HTML/5

  • CSS/3

  • Javascript/Jquery

  • PHP

  • Photoshop CS6

View It Live

Smarty Pants Vitamins

Smarty Pants Vitamins sells all-in-one vitamins that taste great and meet your daily percentage requirements. My team and I were hired to convert certain web pages and the sales funnel to perform better, and increase the sales of their company.

Responsibilities:

  • Conversion Rate Optimization

  • Design

  • Front End Development

Built With:

  • HTML/5

  • CSS/3

  • Photoshop CS6

View It Live

SMMU

Social Media Marketing University teach users how to market through Social Media with classes, tutorials, and courses. My team and I were hired to convert certain web pages and the sales funnel to perform better, and increase the sales of their company.

Responsibilities:

  • Conversion Rate Optimization

  • Design

  • Front End Development

Built With:

  • HTML/5

  • CSS/3

  • Photoshop CS6

View It Live

Every project tells it's own story.

<< click to see which each one is all about

Every project tells it's own story.

click to see which each one is all about

Projects

Palisades Media Group

Palisades Media Group hired me to develop a fully responsive pixel perfect website for their agency. It had to be completely cross browser compatible, and responsive to every screen size including landscape, portrait, and desktop. The key feature to this project is the parallax effect used throughout the entire homepage.

Responsibilities:

  • Front End Development

  • Responsive Design

Built with:

  • HTML5

  • CSS3

  • Javascript

  • Jquery

View It Live

South Bay Trainer

South Bay Trainer is a affordable and flexible personal training gym. They we're in need of a full website revamp. Their goal was to increase conversions, brand recognition and congruency.

Responsibilities:

  • Design

  • User Interface

  • User Experience

  • Front End Development

  • Back End Development

  • Responsive Design

Built with:

  • HTML5

  • CSS3

  • Javascript/Jquery

  • PHP

  • Photoshop CS6

View It Live

Mydea

Mydea, a Content Marketing company aimed at improving awareness, development, and sales of brands. Brand identity, a web platform, and the right marketing approach was needed to make Mydea successful.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Marketing Direction

  • Design

  • Content Writing

  • User Interface

  • User Experience

  • Front End Development

  • Responsive Design

Built With:

  • Wordpress

  • CSS3

  • Javascript/Jquery

  • Photoshop CS6

ShareholderApp

An app for shareholders of the stock market to easily keep track of their investments. I was in competition for a complete design of this website, and was chosen. The client then wanted me to develop the design in Wordpress and have it mobile responsive.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Design

  • User Interface

  • User Experience

  • Front End Development

  • Responsive Design

Built With:

  • Wordpress

  • CSS3

  • Javascript/Jquery

  • Photoshop CS6

View It Live

The Fit Club

The Fit Club was a blog designed to reach a healthy lifestyle market. They needed a modern and trendy layout and functionality to display their broad spectrum of categories and articles of a healthy lifestyle.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Design

  • User Interface

  • User Experience

Designed With:

  • Photoshop CS6

Perception Multimedia

Perception Multimedia is a wide spectrum media production company aimed at providing high quality media for artist and brands alike. My task was to completely create the brand, website, and marketing direction to inform prospects of services, quality, and capabilities.

Responsibilities:

  • Branding

  • Art + Visual Direction

  • Marketing Direction

  • Design

  • Content Writing

  • User Interface

  • User Experience

  • Front End Development

Built With:

  • HTML/5

  • CSS/3

  • Javascript/Jquery

  • PHP

  • Photoshop CS6

View It Live

Smarty Pants Vitamins

Smarty Pants Vitamins sells all-in-one vitamins that taste great and meet your daily percentage requirements. My team and I were hired to convert certain web pages and the sales funnel to perform better, and increase the sales of their company.

Responsibilities:

  • Conversion Rate Optimization

  • Design

  • Front End Development

Built With:

  • HTML/5

  • CSS/3

  • Photoshop CS6

View It Live

SMMU

Social Media Marketing University teach users how to market through Social Media with classes, tutorials, and courses. My team and I were hired to convert certain web pages and the sales funnel to perform better, and increase the sales of their company.

Responsibilities:

  • Conversion Rate Optimization

  • Design

  • Front End Development

Built With:

  • HTML/5

  • CSS/3

  • Photoshop CS6

View It Live
  • Front End + Web Development

  • Web + Visual Design

Colin Johnson

Front End Web Development + Design

I want beautiful designs, perfect code & happy clients. That's not too much to ask..

I take a lot of pride in the work I do. Whether it’s design, development, or branding, I put a lot of care into each step so that it's perfect for both the client, and myself.

My process has been crafted to ensure every project is developed with the best approach and practices available, and to fundamentally achieve the goal of the client.

What I offer_

  • Front End + Development

    • HTML

      • Semantic HTML 5

      • SEO Optimized

    • CSS

      • CSS3

      • Sass + Less

      • Bootstrap

      • Responsive Design

      • Mobile first design

      • BEM CSS

      • Scalable and Modular Architecture

      • Animations

    • Javascript

      • Javascript Modular Pattern

      • Object Oriented Javascript

      • Parallax

    • Frameworks

      • React

      • Angular JS

      • Jquery

    • Other Capabilities

      • AJAX

      • XML

      • JSON

      • Wordpress

      • API's

  • Web + Visual Design

    • User Interface

      • Understanding the users needs is key. I investigate projects systematically to properly portray a simple elegant interface that guides and informs the user through intuitively.

    • User Experience

      • I rely heavily on visual design to support how the user is going to interact with the product and interface, to create a memorable product.

    • Photoshop CS6

      • Great design is vital. I utilize the abilities of Photoshop to create custom design for every aspect of the project.

You dream it. I'll build it.

Work

Contact

Say Hello,

Feel free to inquire, chat, or ask a question