InHouse Design

View Website

Project Overview:
InHouse Design, a digital agency passionate about crafting exceptional user experiences, needed a website that reflected their expertise and creativity. They required a sleek, professional, and highly interactive platform to showcase their services, portfolio, and team.

I developed the website using WordPress, leveraging the Understrap theme for a strong foundation and GSAP (GreenSock Animation Platform) for dynamic animations that enhance user engagement.

Project Objectives:

  1. Showcase Expertise: Highlight the agency’s UX/UI design projects through an immersive portfolio section.
  2. Engage Users: Use animations and interactive elements to capture visitor attention without overwhelming them.
  3. Maintain Performance: Deliver a visually stunning site that scores high on performance metrics.
  4. Responsive Design: Ensure seamless experiences across devices.

My Approach:

  1. Framework Selection:
    • Understrap Theme: Provided a solid framework combining Bootstrap’s responsiveness with WordPress flexibility.
    • Custom child theme enhancements ensured unique branding for InHouse Design.
  2. Interactive Animations with GSAP:
    • Implemented smooth, subtle animations for page transitions, hover effects, and scrolling.
    • Highlighted key sections like the portfolio and service offerings with animations triggered on scroll.
  3. Content and Structure:
    • Designed a modular layout for easy updates and scalability.
    • Used advanced custom fields (ACF) to allow the agency team to manage content effortlessly.
  4. Performance Optimization:
    • Minified CSS and JavaScript files to reduce load times.
    • Optimized images and used lazy loading for media-heavy sections.

Key Features:

  • Dynamic Hero Section: GSAP animations introduce a captivating first impression.
  • Portfolio Gallery: Filterable project showcase with hover animations to reveal details.
  • Team Section: Animated profile cards that display team members’ expertise interactively.
  • Contact Form: Simple yet elegant design to encourage inquiries.

Results:

  • Improved User Engagement: Enhanced interactivity with GSAP animations increased average session duration by 25%.
  • Positive Client Feedback: InHouse Design team commended the site for its intuitive design and alignment with their branding.
  • Streamlined Updates: The WordPress-based solution allowed the team to update content effortlessly.
  • Fast Loading Times: Achieved an 85+ performance score on Google PageSpeed Insights, ensuring a balance of aesthetics and speed.

Client Testimonial:

“The website perfectly reflects our brand and the essence of what we do at InHouse Design. The animations add a layer of sophistication, and the performance is outstanding. Riley brought our vision to life.”

If you’re looking for a high-performance, visually stunning website for your business, let’s collaborate!


The website perfectly reflects our brand and the essence of what we do at InHouse Design. The animations add a layer of sophistication, and the performance is outstanding. Riley brought our vision to life.”

Design