Aido Weddings

Branding

Colour Scheme

The client requested a forest green-based color scheme. To enhance the natural aesthetic, I suggested complementary greyish-brown tones, adding depth and a serene, earthy feel.

Typography

Using a mix of Questrial and Azeret Mono, the typography delivers a unique personality with a touch of fun energy.

Components

The components used are designed with a focus on simplicity and elegance, ensuring they enhance the overall user experience.

About The Design

The design emphasizes the strategic use of lines to create layers, add depth, and separate content for better readability and accessibility. Additionally, high-quality imagery is prominently featured across the site, giving users a clear visual representation of the business and its services.

To reinforce the natural, earthy aesthetic, subtle accents of forest green are incorporated such as in page breaks and highlighted details guiding the user’s attention while maintaining a cohesive theme. Furthermore, each page concludes with a contact banner, streamlining navigation and providing a structured ending to the user journey.

Design Showcase

Home Page —— Organized into four dedicated sections (Services, Products, About, Portfolio), the structure guides users directly to their goals while encouraging content discovery.

Portfolio Page —— This portfolio builds trust by showcasing categorized projects with key details, helping visitors visualize results and effortlessly find relevant work to inform their decisions.

Product Page —— The client wanted a partner product showcase page. Hence, working within Wix's constraints, I designed consistent layouts while allowing a flexible section at the end of the page.

Mobile Page —— Explore responsive designs maintain brand consistency across devices, with touch-friendly adaptations of desktop layouts for seamless cross-platform experiences.

Explorations

Desktop Experience

Experience the full desktop mockup designs with intentional choices for visual harmony.

View Desktop (Mockup) arrow_outward

Mobile Experience

Experience the full mobile mockup designs with stacked layouts, touch targets, and adaptive designs.

View Mobile (Mockup) arrow_outward

Live Site

Handcrafted by me using Wix Studio! Click through to see how this website works in real-time.

View Developed Site arrow_outward

Going Forward

This project highlighted the value of working within constraints to ensure successful delivery, as well as the critical need to thoroughly understand client requirements from the outset. By gathering comprehensive information early, I gained clearer direction for design decisions. Going forward, I’ll prioritize complete information gathering and anticipate potential content needs to better accommodate the client’s use cases.

Hardscapes