Elias Mattor
Description
Elias Mattor is an ongoing full-stack e-commerce project designed to showcase and sell unique, hand-tufted rugs. It aims to allow users to customize their own rugs or purchase preset designs. Although still in progress, the hero section sets the tone with a professional design emphasizing warmth, creativity, and craftsmanship.
Role
Full-Stack Developer
Techstack
SvelteKit
Tailwind CSS
TypeScript
Node.js
MongoDB
Vercel
Note
This project is currently a work in progress and remains unfinished at the time of writing.
Features
Key Elements
Hero Section
The visually engaging hero section greets visitors with vibrant rug designs, emphasizing customization and creativity. This section highlights the company’s mission to bring warmth and individuality to homes.
Highlighting Unique Rugs
The website showcases a collection of vibrant and unique hand-tufted rugs, each designed to reflect personal style and creativity.
Customizable Design Options
Users can explore and customize rugs to fit their preferences, making each product truly one of a kind.
Streamlined Navigation
The interface provides easy navigation, ensuring users can browse rugs, learn about the customization process, and make purchases effortlessly.
Footer with Additional Resources
The footer consolidates essential links, legal information, and a subscription form. This ensures users can find relevant resources, stay informed, and easily connect with the company.
Setbacks
Obstacles Faced
- Balancing Design with Functionality
- Responsive Layout
- Scalability Challenges
Creating a visually appealing yet functional hero section was challenging. Ensuring the design aligned with user experience and e-commerce standards required iterative feedback and refinement.
Designing a fully responsive layout that maintained aesthetic integrity on all devices proved to be time-intensive, especially for high-resolution images.
Implementing a scalable architecture for future features, such as advanced customization tools, required extra planning and prototyping.
Reflections
Insights Gained
- Importance of User-Centric Design
- Iterative Development is Key
- Focus on Branding
Designing the hero section emphasized the value of user-centric design. Early feedback helped refine the interface to better meet user expectations.
Adopting an iterative approach to design and functionality allowed for continuous improvements and better alignment with project goals.
Developing the hero section highlighted the importance of consistent branding to convey the company’s unique identity and vision.
Source Code
Github Page
Github Page
Project Website
Not Available
Like what you see?
Get in touch
Inspired by ishanipandey