Skyve Studio Web Design
Designing a clean, strategic website for my studio.
Role: UX/UI Designer ·
Tools: Figma, WordPress, Elementor
Skyve Studio Web Design
Designing a clean, strategic website for my studio.
Role: UX/UI Designer
Tools: Figma, WordPress, Elementor
Skyve Studio is my creative studio helping small businesses and nonprofits grow through thoughtful branding, web design, and strategy. This project shows how I applied those same principles inward, creating a digital home that feels professional, approachable, and purpose-driven.
Project overview
The Project
A digital home for Skyve Studio, designed to showcase creative work, communicate services clearly, and offer a smooth, professional experience for small businesses and nonprofits seeking thoughtful design and strategy.
Project Duration
8 weeks; February 2025 - April 2025
Summary
The Skyve Studio website embodies the studio’s values through a calm, intentional design that balances clarity and warmth. As the sole designer, I focused on creating a seamless user experience and visual identity that aligns with the studio’s purpose-driven approach.
The Challenges and Goals
Challenges
The Skyve Studio website embodies the studio’s values through a calm, intentional design that balances clarity and warmth. As the sole designer, I focused on creating a seamless user experience and visual identity that aligns with the studio’s purpose-driven approach.
Design Goals
- Communicate Skyve Studio’s mission with clarity and warmth
- Present services in a structured, easy-to-navigate way
- Balance visual design with accessibility and performance
- Build on WordPress using a flexible layout for future growth
Research & Wireframes
Process
To ensure the site aligned with client needs (small business owners and nonprofit leaders), I conducted light user research to understand what they value in a design partner — clarity, transparency, and trust.
Key Steps
- Created personas to capture target client goals and pain points
- Sketched the site structure and sitemap to simplify navigation
- Designed grayscale wireframes for desktop and mobile to focus on layout first
Users wanted a site that feels clean and confident — not overly corporate or too artistic.
Design Direction
The visual direction focused on warmth and simplicity. Colors and typography were carefully chosen to reflect Skyve Studio’s identity.
Final Design Showcase
UX Touches & Features
- Simplified navigation structure for intuitive flow
- Soft hover animations to make the interface feel dynamic yet calm
- Responsive design for smooth tablet and mobile experiences
- Optimized white space for focus and readability
- Lightweight structure for fast loading speed
Outcome & Reflection
Designing my own studio website helped me refine my process — from discovery to delivery.
It reinforced the importance of simplicity, hierarchy, and aligning design decisions with brand values.
Outcome
- Increased visitor engagement and contact inquiries
- Improved clarity of service offerings
- Built a flexible system for future content updates