Simran

Hi, I’m Simran

Web Developer & Designer

I’m a NAIT Digital Media & IT graduate who enjoys taking a project from idea to launch,designing the logo, sketching the wireframes, and building both the front-end and back-end myself. The logo at the top of this page is one I created in my Visual Communications class, and it reflects the creativity and problem-solving I bring to my work.

Technical Skills

  • HTML5
  • CSS3 / SASS
  • JavaScript
  • PHP/MySQL
  • jQuery/Ajax
  • WordPress
  • Shopify
  • Responsive Design
  • Wireframing / Prototyping
  • Branding & Logo Design
  • Figma
  • Adobe Photoshop
  • Adobe Illustrator
  • Google Analytics
  • Google Search Console
  • Google Ads
  • Mailchimp
  • Social Media Marketing
  • Github
  • SEO Basics
  • Always open to learn new things

Client-Based Capstone Project

Screenshot of my Shopify project

Custom Shopify Storefront

This capstone project was completed as part of my web development course. We were tasked with revamping a client’s outdated website, originally built on WIX. After assessing the client's needs—particularly their desire to improve usability and enable direct product sales—we chose Shopify as the platform.

Built with:🧪 Liquid, 🧾 JSON,JavaScript JavaScript, HTML HTML, CSS CSS

WordPress Project

Screenshot of Cut and Grow project

Cut & Grow

A WordPress-based plant blog focused on affordable houseplants, plant propagation, and growing plants from cuttings. This project shares beginner-friendly plant care tips and personal gardening knowledge in a clean, responsive layout.Currently being expanded with new guides and plant content

Built with:WordPressWordPress,Elementor,Responsive Design,Blog CMS

More Projects

Web Marketing + SEO
Web Marketing + SEO

A responsive marketing site leveraging SEO keywords, Google Search Console, analytics, and social media channels to enhance brand visibility and engagement.

Built with: HTML5, CSS3, JavaScript, Google Search Console, Google Analytics, Iubenda, XML Sitemap, Mailchimp, Google Ads, SEO Keyword Strategy, Social Media Marketing

Advanced Layout
Advanced Layout

This project is a two-page, fully responsive build featuring a modal window and sticky components. It includes horizontal scrolling content and a parallax background for visual depth. A semantic form is implemented for structured input and accessibility.

Built with: HTML5, CSS3, JavaScript

Dashboard
Dashboard

This is a single-page dashboard application built using Tailwind CSS. The layout is fully responsive and includes a variety of components. The design is clean and modern with a focus on usability and accessibility.

Built with: Tailwind CSS, HTML5

Design

Focus Photography

Focus Photography

A first mobile approach and upto 1920px desktop , this is design for A potential photography site. started from sketching, lo-fi and then hi-fidelity.

Cloudberry Meadows

Cloudberry Meadows

A hi-fi design for cloudberry meadows. Designed for both mobile and desktop screens.

Business Card

Business Card

A business card for myself created in figma using my own brand indentity. The logo is designed by me during my first semester at NAIT.

Pictures Captured

Downtown Edmonton

Downtown Edmonton

Stop motion Photography

Stop motion Photography

Connect with
me!!