top of page
Digital Device Mockup Freebie Vol 1.png
Jane Love: Image

Jane Love

Designer and Programmer| Wedding Company Web Design | Oct-Nov2020

Jane Love: Text

Project Detail

  • For this team project I did in school, my team had to design a customized, fully-responsive and functional company website accessible for all users. We created a brand new wedding company and its website named Jane Love from scratch.

Role

  • Artist/Designer- responsible for company logo design, business card design, and webpages wireframe design. (Layout, Typography, Color, Moodboard).

  • Programmer- Coding (HTML & CSS) and Debugging. I was mainly responsible for writing the code for the contact us webpage and part of the home(index) and product list webpages.

About Our Company

  • A team of professional photographers, professional make-up artists based in Vancouver BC Canada who specializes in wedding, pre-wedding and engagement photography. Our goal is to make your special day as beautiful and memorable as it can be.

Target Audience

  • All aged couples who are trying to plan a perfect wedding, or who just want to take couple photos. Our price makes sure most people find it affordable.

Jane Love: List

Design Process

Please Click to View

Jane Love: Text
Jane Love: Pro Gallery

Style Guide

Jane Love: Text

Final Work

Please Click to View 

Jane Love: Text
Jane Love: Portfolio
Jane Love: Image
Jane Love: List

Challenges

  • Learn HTML&CSS, designing for different device resolutions and browsers. It was my first time to create a responsive website. I kept test and debug our website, tested it on multiple devices (mobile phone, tablets, desktop, TVs) and browsers (IE, Chrome, Safari, Firefox) to ensure our website was accessible for all users. I made multiple adjustments until our website gave users the best possible experience.

  • Learn using the Github repository to finish the team-based coding project.

What I Learned

  • Get Familiar with designing a fully functional and responsive website using HTML & CSS coding.

  • Learned how to use Github to work with other programmers together. (write code together)

  • Team communication (communicate with other designers, other  programmers, and also in the brainstorming and design phase to show other teammates my ideas)

bottom of page