---
title: Ion Learning
description: Ion Learning is a social learning platform dedicated to bringing teams together, to promote learning and connecting in the workplace.
image: https://www.robertgonzalez.io/hubfs/images/portfolio/previews/ion-learning.jpg
---

[Skip to content](https://www.robertgonzalez.io/portfolio/ion-learning#main-content)

[Robert Gonzalez](https://www.robertgonzalez.io/)

[HIRE ME](https://www.robertgonzalez.io/contact)

- [Services](https://www.robertgonzalez.io/skills-services)
- [Portfolio](https://www.robertgonzalez.io/portfolio)
- [Contact](https://www.robertgonzalez.io/contact)
- [About](https://www.robertgonzalez.io/about)

<https://github.com/bobbyg211>

<https://www.instagram.com/theog_bobbyg/>

<https://www.linkedin.com/in/robert-d-gonzalez/>

[Page Top](https://www.robertgonzalez.io/portfolio/ion-learning#banner) [Skills & Services](https://www.robertgonzalez.io/portfolio/ion-learning#skills-services) [Sift Through Projects](https://www.robertgonzalez.io/portfolio/ion-learning#projects) [Let's Work together](https://www.robertgonzalez.io/portfolio/ion-learning#together)

<https://www.robertgonzalez.io/portfolio>

0%

![Home Banner](https://www.robertgonzalez.io/hubfs/images/portfolio/Ion/ion-learning.png)

# Ion Learning

Social Learning Platform, HubSpot Theme/Website

[VISIT SITE](https://www.ionlearning.com/)

## About the project

Ion Learning is a social learning platform dedicated to bringing teams together, to promote learning and connecting in the workplace. My job was to build their front facing website, to help educate people on who Ion is and what they do.

Built using the HubSpot CMS, I created a complete custom theme from the ground up that utilized a series of unique, reusable modules, to help present their goals values, and data points in a plethora of unique ways.

Most interesting are the neumorphic design elements interlaced throughout the site. Give the user the effect of depth and making elements look 3D, all achieved through CSS.

### Stack

![HubSpot](https://www.robertgonzalez.io/hubfs/images/logos/technologies/hubspot-logo.svg)

HubSpot

![HTML5](https://www.robertgonzalez.io/hubfs/images/logos/technologies/html5-logo.svg)

HTML5

![CSS3](https://www.robertgonzalez.io/hubfs/images/logos/technologies/css3-logo.svg)

CSS3

![JavaScript](https://www.robertgonzalez.io/hubfs/images/logos/technologies/javascript-logo.svg)

JavaScript

![jQuery](https://www.robertgonzalez.io/hubfs/images/logos/technologies/jquery-logo.svg)

jQuery

### Client

ion Learning

### Date

 December 2020

Scroll Left

![connection](https://www.robertgonzalez.io/hs-fs/hubfs/images/portfolio/Ion/connection.png?width=1952&height=1230&name=connection.png)

![platform](https://www.robertgonzalez.io/hs-fs/hubfs/images/portfolio/Ion/platform.png?width=1952&height=1232&name=platform.png)

![steps](https://www.robertgonzalez.io/hs-fs/hubfs/images/portfolio/Ion/steps.png?width=1952&height=1232&name=steps.png)

![blog](https://www.robertgonzalez.io/hs-fs/hubfs/images/portfolio/Ion/blog.png?width=1952&height=1232&name=blog.png)

Scroll Right

## Let's Work Together

If you need an engineer for you next web experience, a website that needs building, or just a project your excited about, I'd love to hear from you!

[![RG](https://www.robertgonzalez.io/hubfs/images/logos/rg-logo-mark-blue.svg "RG")](https://www.robertgonzalez.io/)

Robert Gonzalez

<https://github.com/bobbyg211>

<https://twitter.com/theOGbobbyG>

<https://www.linkedin.com/in/robert-d-gonzalez/>

- [Services](https://www.robertgonzalez.io/skills-services)
- [Portfolio](https://www.robertgonzalez.io/portfolio)
- [Contact](https://www.robertgonzalez.io/contact)
- [About](https://www.robertgonzalez.io/about)

© 2026 All rights reserved.