Woostore

A sample WooCommerce store I set up, to test out the features and functionality of the WooStore plugin.

The Process

I developed this website using the WP WooStore plugin. The purpose was to learn about and understand how the different modules and features of the plugin work.

To test out the order payment feature, I set up PayPal and Stripe Sandbox environments.

Tools

WordPress, HTML, CSS

Features

WooStore theme and plugin

My Portfolio

This is my online portfolio, showcasing some of the web projects I have worked on since 2018.

The front page includes the projects, about me and contact sections. I incorporated Slick Slider to showcase my projects.

The Process

I went through many design iterations for this site as I wanted to showcase my portfolio in a simple, yet effective way. I initially had separate pages for the different sections i.e. About me, Contact but eventually decided on keeping all the content on the home page as is the trend nowadays and linking the projects to individual project pages. I used WordPress for this site as it allows for easy addition of content without having to go into the code.

Tools

WordPress, PHP, HTML, CSS, Photoshop, Javascript/jQuery, Adobe XD

Features

Custom Post Types
Advanced Custom Fields; Repeater Fields
Slick Slider

Typography

Navigation, Body font: Roboto Slab, sans-serif
Heading font: Lato, sans-serif

Parallax Scrolling Example

A responsive website I developed to experiment with different background images and parallax scrolling.

The Process

I used CSS background-attachment: fixed property to keep the images fixed while the text scrolls over them.

Tools

HTML, CSS, Photoshop, Balsamiq

Typography

Navigation font: Roboto
Headings font: Roboto
Body font: Roboto

Style Tile / Color Palette

Designed and developed with ❤️ and ☕ in Vancouver, BC.

Shanti Chary © 2021

Top