YA.
HomeProjectsBlogAboutContact
HomeProjectsBlogAboutContact
YA.© 2026 Yuta Asakura | Portfolio
All Projects

Natours — Advanced SCSS Tour Company Website

A fictional tour company website built with advanced SCSS techniques, showcasing animations, responsive design with Sass mixins, and modern web design practices.

Role: Solo DeveloperJul 2024 – Jul 2024
Live DemoSource Code

Tech Stack

JavaScriptSCSSHTMLNetlify

The Problem

Wanted to demonstrate mastery of SCSS architecture patterns and CSS animations in a visually engaging project.

The Solution

Built a tour company website with advanced SCSS patterns (7-1 architecture), complex animations, and responsive Sass mixins.

Natours

A fictional tour company website designed to inspire exploration. Built using advanced SCSS techniques, showcasing animations, color management, responsive design with Sass mixins, and modern web design practices.

Technical Highlights

  • Advanced SCSS architecture (7-1 pattern)
  • Complex CSS animations and transitions
  • Responsive design using Sass mixins
  • BEM methodology for CSS naming
Previous
Nexter — CSS Grid Real Estate Website