chore: update README.md
This commit is contained in:
10
README.md
10
README.md
@@ -44,7 +44,7 @@ To solve this, I designed and built a full-stack website from the ground up, lev
|
||||
|
||||
This project is a multi-phased initiative designed to serve as both a public portfolio and a long-term business asset. The website is architected like a house, with the main landing page acting as the front door—designed to be simple and approachable. The ["About"](https://dlseitz.dev/about/) page, which includes a contact form for client engagement, functions as the foyer, inviting further conversation and providing a more detailed introduction of myself. Individual projects and demos are planned as separate "rooms" (subdomains), each with its own style and purpose, demonstrating a breadth of skills. This vision is a strategic roadmap to not only showcase a robust technical foundation but also to build a professional brand based on the values of **accessibility**, **equity**, and **transparency**, and a pipeline for future client work.
|
||||
|
||||
[Back to Top](#dlseitz.dev-a-frontend-demonstration)
|
||||
[Back to Top](#dlseitz-dev-a-frontend-demonstration)
|
||||
---
|
||||
|
||||
## Design & Accessibility
|
||||
@@ -68,7 +68,7 @@ The user interface is designed to be clean, professional, and intuitive. Key UI/
|
||||
### Overall User Flow
|
||||
The overall design of the site creates a clear and intuitive user flow, guiding potential clients through a strategic journey. The [`Home`](https://dlseitz.dev/) page acts as a point of discovery, introducing the business benefits and services in a scannable format. It then directs the user to the [`About`](https://dlseitz.dev/about/) page, which provides more detailed information and the [contact form](https://dlseitz.dev/about/#contact) to initiate a conversation. This intentional flow from general introduction to specific engagement demonstrates a thoughtful approach to user experience and client conversion.
|
||||
|
||||
[Back to Top](#dlseitz.dev-a-frontend-demonstration)
|
||||
[Back to Top](#dlseitz-dev-a-frontend-demonstration)
|
||||
---
|
||||
|
||||
## Website Structure & Functionality
|
||||
@@ -87,7 +87,7 @@ The website is a static, multi-page application with several key features that e
|
||||
* **Interactive Accordions:** Custom JavaScript is used to create interactive accordion components that allow for a clean, organized presentation of content. These are used to display professional values on the ["About"](https://dlseitz.dev/about/) page and to list services on the ["Home"](https://dlseitz.dev/) page.
|
||||
* **Contact Form:** A detailed and functional contact form is embedded on the ["About"](https://dlseitz.dev/about/#contact) page to facilitate direct client inquiries. The form includes input fields for a user's contact information and a detailed message field, providing a clear path for client engagement.
|
||||
|
||||
[Back to Top](#dlseitz.dev-a-frontend-demonstration)
|
||||
[Back to Top](#dlseitz-dev-a-frontend-demonstration)
|
||||
---
|
||||
|
||||
## Key Technology Decisions
|
||||
@@ -109,7 +109,7 @@ To ensure a reliable and predictable user experience, the website utilizes a con
|
||||
### Modular CSS Architecture
|
||||
The site's styles are organized into reusable CSS files, such as `base.css` and `modules.css`, to promote a highly modular architecture. This approach ensures that the visual design is not only consistent but also highly maintainable. By separating global styles from component-specific ones, you can easily update the site's design or add new sections in the future without creating code redundancy or breaking the existing layout.
|
||||
|
||||
[Back to Top](#dlseitz.dev-a-frontend-demonstration)
|
||||
[Back to Top](#dlseitz-dev-a-frontend-demonstration)
|
||||
---
|
||||
|
||||
## Issues & Lessons Learned
|
||||
@@ -120,5 +120,5 @@ One of the primary challenges was bridging the gap between my formal training in
|
||||
### Reflections
|
||||
This project has been a valuable exercise that has given me a deeper understanding of the interplay between design principles and development realities. By approaching the project as an **MVP** (Minimum Viable Product), I was able to deliver a professional-grade product in a compressed timeline. This reinforced a key lesson: the most effective solutions are not always the most complex, but are instead those that are grounded in thoughtful planning, resourcefulness, and pragmatism. The project is a testament to the idea that a growth mindset and a commitment to continuous learning can overcome gaps in formal training. It also provided me an opportunity to practice my belief that transparency—as demonstrated in this documentation—is not a sign of weakness, but an act of integrity that invites constructive criticism and fosters continuous improvement.
|
||||
|
||||
[Back to Top](#dlseitz.dev-a-frontend-demonstration)
|
||||
[Back to Top](#dlseitz-dev-a-frontend-demonstration)
|
||||
---
|
Reference in New Issue
Block a user