Leigh Ann French - Front-End Web Developer

Hello, I am Leigh and I make awesome projects for the web.

As a Front-End Web Developer, Leigh Ann French (just call her Leigh) finds joy in creating things for the web. She has an Associate in Science Degree in Multimedia Technologies with a concentration in Web Design and Development (Pittsburgh Technical College 2022).

Leigh believes life is a journey, not a destination, which is evident in her extensive background. Her educational journey includes a Bachelor of Science degree in Biology (Edinboro University 2009) and an Associate in Science Degree in Physical Therapist Assistant (Mercyhurst University 2012).

On this site, you will see Leigh’s best work, projects tackling various topics and utilizing various technologies, demonstrating her ability to learn and adapt to new challenges at the frontier of web design and development. Learning is a lifelong process in which Leigh thrives.

"The most dangerous phrase in the language is 'we've always done it this way.'"

My Work

Yoga on the River E-Commerce Site
wordpress screen shot
Yoga on the River E-Commerce Site

Talent Showcased: WordPress Development

Objective: Sell yoga essentials and accessories

Target Audience: Adults who are health-conscious

Highlights:

  1. WordPress was used for this project to allow e-commerce functionality, and to make it easy for the owner to edit and update the content.
  2. A blog was incorporated so that the author's personality can engage users and aid in educating users about yoga, which will help sell yoga essentials and accessories.
  3. The e-commerce portion of this website was created using the WooCommerce WordPress plug-in which has a built-in shopping cart system and payment options and makes it easy for the site owner to update and add new products.
  4. The User Registration plug-in was used to allow the site owner to create a form and custom registration fields. Users can then create accounts and contribute comments on the site. This engages users, encouraging them to interact and build an online community.
  5. A custom theme was created using HTML, CSS, and PHP to allow page structure and styling to be truly customized.
Nature’s Custom Gifts - Gift Bag Builder
wordpress screen shot Visit Site
Nature’s Custom Gifts - Gift Bag Builder

Talent Showcased: Mobile Web Development, Interactivity

Objective: Sell natural organic gifts.

Target Audience: Adults

Highlights:

  1. Users choose a colored gift bag then fill it with their choice of essential oil, herbal tea, bath bomb, and an all natural homemade soap. Once all selections have been made the user is able to view a composite of their choices.
  2. JavaScript causes their choices to be stored in local storage to help populate the cart and recall the information on checkout.
  3. The user interface for selecting gift bag options was carefully designed with a responsive layout so that all interface elements fit on one screen, no matter what size or orientation.
Marmalade's Lunchbox E-Commerce Site
php project screenshot - Marmalade's Lunchbox Visit Site
Marmalade's Lunchbox E-Commerce Site

Talent Showcased: Server-Side Development

Objective: Sell the best quality dog food.

Target Audience: Adults who have dogs

Highlights:

  1. PHP was used to pull product details from a MySQL database to display on the webpage.
  2. The number of products in a row changes depending on screen size, thanks to the CSS grid layout.
  3. Users are able to click the details button to view detailed information about any product.
  4. Users can then add the product to the cart, and hand-coded PHP stores the information in the database long-term.

Case Study

Yoga on the River is a yoga studio that came to me for a website. The client desired a website that she could update without a hassle and that could sell products, display her blog posts, and most importantly, be a place for people to come together as a community.

leigh vedio call withg client

It was decided to build the website using WordPress; the client could easily update information such as class schedules and blog posts and easily add and remove products if I added the WooCommerce plug-in.

card sorting

The project's development began with an empathize phase in which I conducted interviews to learn how the client and target audience felt about the studio, the project in general, and the excitement of sharing yoga with a larger community. Margot Bloomstein’s card-sorting exercise was implemented to understand how the client felt about the studio and her brand. The client felt the studio was traditional but with a modern sensibility, genuine, community-driven, and with an emphasis on education and exercise. The studio had a rich history and community and therefore needed a website to reflect that feeling.

a wire frame

Development proceeded to an ideate phase, in which I began brainstorming what approach the site would take. During this phase, ideas slowly formed for the structure of the site, page layouts, headlines, and content strategy, including appealing topics for the first yoga blog posts. Topics included yoga after a knee replacement, yoga for back pain, the importance of a rest day, exercise routine to promote health, and many more.

Yoga on the RIver website

A custom theme was used to ensure full control of page structure and styling during the development of the prototype and the resulting website. Because I practiced agile development, I periodically showed the client functioning pages and she gave me feedback to make improvements. Once she was fully satisfied with the final site, the client was taught how to use the WooCommerce plug-in—giving her the independence to customize products with updates. The client was also educated on updating post and class schedules, along with using the User Registration plug-in to allow the community to be engaged.

The result of this project is a website that does everything the client desires, and WordPress makes it easy for the client to update many aspects without a developer. My procedure of empathy, ideation, and prototyping helps guarantee that each website I made meets the users' needs and the client's business needs.