Ajmal-hassan / rails-website

My Portfolio Website

Home Page:https://ricardo-personal-website.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Portfolio Website

Built using HTML, CSS, jQuery and Ruby on Rails


The Process 📐

My goal for this project was to create a clean, minimal and modern portfolio page. This site was created using my adquired skills Le Wagon Tokyo coding Bootcamp, but also challenging myself and learning-applying new things.

Most of my design choices were made after compiling a small check list on paper, and Trello, to make sure I kept to my original plan and was fulfilling the outcomes I had set for the project.

Due to my design being image heavy, I decided to use Optimizilla to create optimised, minified copies of my images which drastically decreased load time.

The Design ✏️

My favourite example of engaging, clean web design at the moment is https://stripe.com, so naturally when given the task of revamping my own website, I took a lot of inspiration from Benjamin de Cock's designs.

stripe header

Two of my biggest shifts in design were using an animated colour gradient for backgrounds and condensing my introduction blurb translations into one flippable card. I used David Walsh's CSS Flip guide and Ian Forrest's Gradient Animator to bring these ideas to fruition.

Start Bootstrap's Freelancer Theme was also crucial in determining my initial layout.

The Projects 🎨

The bulk of my projects section is made up of web application I made at Le Wagon Tokyo.

Thanks for reading and enjoy the portfolio! :shipit:

About

My Portfolio Website

https://ricardo-personal-website.herokuapp.com/


Languages

Language:Ruby 39.3%Language:CSS 28.9%Language:HTML 26.5%Language:JavaScript 4.7%Language:CoffeeScript 0.6%