I code + design
Painting with pixels and adding value to your team somewhere between design and front-end web development. 
Painting with pixels and adding value to your team somewhere between design and front-end web development.
Hey hey my name is Shanakay (yes that rhymes). I'm a Front End Web Developer and Designer based out of Toronto and I design and build web applications and websites. I'm a problem solver who's humbly confident and naturally curious. I love collaborating and applying my creative and technical skills on projects and I aim to deliver performance and beauty to the projects I work on. Away from the computer I like to travel and explore new places, live shows, and foodie things.
This website tracks Coronavirus cases in Ontario. The goal was to use two or three API’s and have them display information on the web page cohesively. I worked with GeoJSON to pull data and display it on the map as well as pulled data from the Ontario government website to display daily statistics.
Technology Stack JavaScript/JQuery | GeoJSON | CSS | Bootstrap | Photoshop
View Live | View Source
TO Advotech is a grassroots movement that works to neutralize workplace cultures in technology to address the intersectionality of Diversity, Equity, and Inclusion. Working with the core development team I assisted with the building out of the front-end part of the website.
Technology Stack SCSS | JavaScript
View Live
Website for a natural skincare line called Skinn Naturals. This is a demo website so checkout is not enabled.
Technology Stack Webflow
View Live
Heal in Colour is a Toronto based company dedicated to making black and brown bandages the norm. I worked with them to design and develop their website for the launch of their bandages. The goal was to build a website that aligns with their branding while being fun and professional at the same time. I also added custom micro interactions to the images to add to the user experience.
Technology Stack Shopify | CSS | Adobe XD | SEO Optimization
View Live
Led the building out the front end of a faculty and staff profiles directory website using WordPress. Custom post types, view templates, and dynamic pages are built using conditionals and shortcodes in Toolset and custom CSS.
Technology Stack WordPress | Toolset | CSS | SEO Optimization
View Live
A client project for a business consulting firm called Access to Power. I worked with the client to gather requirements and design preferences, designed a mockup and then built the website from the mockup. Animation elements were also added to add to the overall user experience.
Technology Stack WordPress | CSS | Adobe XD | SEO Optimization
View Live
A client project for a non profit organization called Parents for Diversity. They wanted to redesign their outdated Wix website to improve the design, make it accessible, and build a custom digital library of children's books called the Diversity Library that would be easy for their team to update. The solution was to migrate and build their new website on WordPress updated to meet their requirements. The custom digital library, team members and resources pages are all built using Toolset and allow for dynamically adding new items as needed. Custom post types, view templates, and dynamic pages are built using conditionals and shortcodes in Toolset with some custom CSS.
Technology Stack WordPress | Toolset | CSS | Accessibility | SEO Optimization
View Live
A music application that allows users to register, login, play music and create playlists. The project goal was to use PHP to create a CRUD application. I worked together with my team to outline the project scope and requirements and establish a timeline. I created the mockups for the application and developed the login system and contact form feature using Object Oriented Programming principles.
Technology Stack PHP | MySQL | CSS | Bootstrap | Photoshop
View Live | View Source | View Wireframes
A series of CSS graphics and animations I completed as a personal challenge over 7 days. It was great practice for positioning and very fun to do!
Technology Stack HTML | CSS | Vanilla JavaScript
View Live
A collection of email marketing designs used in various MailChimp campaigns.
View Live
Consulted with and led the redesign and migration of Faculty and department websites.
View Live
Built pages, troubleshooted technical issues and completed updates and maintenance across the company website.
View Live
