Case Study: The Natural Concept
I built a multi-page website for a local hairdresser in Madrid using Node.js, HTML, and CSS. It includes contact forms powered by SendGrid, making it easy for clients to get in touch. The site was designed to showcase their services, attract new customers, and stay connected with the local community.
HTML
CSS
Node.js
Javascript
Goals
- Provide a local business in Madrid, Spain with a working website to showcase their offering and promote their business
- Provide clients a direct way to contact the business owner for appointments and questions
- Create a website which captures the look and feel of the business
Challenges and Skills developed:
Utilize a mailer system using SendGrid
Through leveraging the SendGrid system, it was essential that emails were automatically generated and sent to the business email address. Through parsing an HTML form and using a POST request in Node.js, I was able to implement the necessary components in SendGrid
Managing loading times and file sizes
The shown version of this launched site is a revised website. After working with a web designer and launching v 1.0, we found that resource loading was slow and hindered the effectiveness of the website. Through file compression, new implementation, and a partial re-design, the resources were able to load quicker creating a better client experience
Responsive Scaling
As many clients are likely to accessing the website using a mobile device, the responsive aspect of the page required a great deal of attention. It was vital that the scaling and layout maintained the elegant feel of the desktop size webpage. It was particularly important to provide properly scaling for the images, so that they would still be viewable and impactful
Future project development:
Expand website services for the business owner
Through creating a scheduling and business management tool, the website and business tool can be integrated so that the business owner has a single point for her business management needs. This would include a scheduling dashboard for her appointments which would directly integrate with the website
Create an online shop
The business is also a retailer for products. By creating an online shop, including payment and user accounts, the sale of her products could be directly bought and shipped to the customer
Continued performance fixes
While the performance has been significantly improved, as more resources and features are added, it will be important to continuous monitor the page performance for the client