Friskay Website
A web design I recreated from a YouTube tutorial about the world's best-tasting cat food, sourced with only the finest ingredients. Made with love from the heart of Mississippi.
The Challenge
The goal was to practice and improve web design skills by following a comprehensive YouTube tutorial. The challenge was to recreate a professional-looking website for a fictional premium cat food brand while learning modern design principles, responsive layouts, and component-based design systems.
The Approach
I followed the tutorial step-by-step, recreating each component with attention to detail including the navigation bar, hero section, product showcase, and call-to-action elements. The design emphasized clean layouts, strong typography, and a warm, inviting color palette that reflects the premium nature of the product. I adapted the design for multiple device sizes including desktop, iPad, and iPhone, ensuring consistent user experience across all platforms. Each component was designed to be reusable and maintainable.
Key Results & Impact
- •Successfully recreated a complete multi-page website design from tutorial
- •Gained hands-on experience with responsive design principles across 3+ device types
- •Created reusable component library including buttons, navigation bars, and cards
- •Improved understanding of design consistency and brand identity implementation
- •Practiced modern web design trends including hero sections and product showcases
- •Developed skills in visual hierarchy and user interface composition