Vetric Website

This was a concept agency website built to present information in a sleek, elegant, and modern way — within a tight 2-day timeline.

Key Challenges

• Determining the right approach for mode switching without overcomplicating the codebase
• Maintaining clean structure and visual consistency while keeping UI logic simple and scalable
• Delivering a result that felt polished rather than rushed — no room for overengineering given the timeline

Design Approach

• Kept the site minimal and content-driven — typography, spacing, and layout carry all the weight
• Every section intentionally simple so the concept felt polished, not overbuilt

Technical Decisions

Development Approach

• React enabled rapid layout iteration and interaction experimentation within the tight timeframe
• Avoided complex theming systems — kept everything scoped to the project's actual needs

What This Built

• Clarity on structuring [[state management]] for UI modes in a clean and scalable way
• Understanding of how small architectural choices ripple into long-term maintainability

Key Takeaways

• UI logic simplicity matters most under tight deadlines — over-engineering has a real hidden cost
• A minimal, elegant concept often communicates more than a feature-heavy one
• React's component model makes even 2-day sprints feel organised and manageable

What I'd Revisit

• Explore a more scalable [[theming approach]] for mode switching if the scope were larger
• Add micro-animations to mode transitions for a more satisfying, polished feel