top of page
A mockup of a website displayed on a desktop monitor. The website belongs to "Harmony Succession Partners" and features the tagline "We Listen. We Care. We Deliver." The design is clean and minimalistic, with a white and green color scheme. At the bottom of the screen, there is a stunning aerial image of a wooden bridge surrounded by a flooded forest. The top-left corner features the "LITTLE FUJI DESIGN STUDIO" logo, while the bottom-right corner displays a "Wix Partner Creator" badge, indicating that the website was created using Wix Editor.

Skill

Role

Software

Web Design
Wix Editor Web Development
Graphic Design

Web Design
Wix Editor Website Development
Create graphic compornents
Tutorial and guide for updating websites

Wix Editor
Adobe Photoshop
Figma

3D blue sparkle star icon with a shiny, glassy finish and smooth edges, set against a transparent background.
3D blue gradient wrench icon with glossy edges, floating against a transparent background.
3D user profile icon in a blue gradient, featuring a circular head and a semi-circular torso with a glossy look.

Harmony Succession Partners

Web Design for Harmony Succession Partners

Harmony Succession Partners (HSP) is an independent M&A advisory firm based in Ontario, Canada. HSP commissioned LITTLE FUJI to redesign and rebuild their website using Wix Editor. Leveraging Wix Editor, I delivered a website featuring a simple, functional and professional design, complete with custom graphic assets tailored to their brand.

A mockup of a website displayed on a desktop monitor. The website belongs to "Harmony Succession Partners" and features the tagline "We Listen. We Care. We Deliver." The design is clean and minimalistic, with a white and green color scheme. At the bottom of the screen, there is a stunning aerial image of a wooden bridge surrounded by a flooded forest. The top-left corner features the "LITTLE FUJI DESIGN STUDIO" logo, while the bottom-right corner displays a "Wix Partner Creator" badge, indicating that the website was created using Wix Editor.

Project Summary and objective

The objective of this project was to create a professional website that serves as an online business card while ensuring that the client can easily update it. 

Utilizing Wix Editor, I designed the site with components such as slides and Pro Gallery that facilitate efficient editing and updating, and I provided a tutorial and manual on site editing as part of our aftercare support.

Wix Editor Website Design with Figma

To streamline the website design and development process, I first created a wireframe in Figma and used it as a reference while building the site in Wix Editor. 

All icons and image assets used on the site were managed in Figma, where I adjusted the color scheme to align with the brand’s style guide. 

After optimization, the assets were exported in ideal sizes for the website. These assets were then organized and shared with the client as media assets, ensuring they could also be used across other platforms.


The final output is a sleek, modern corporate website for Harmony Succession Partners. This design beautifully fuses simplicity and elegance, reflecting the firm's professionalism. By using Wix Editor, we achieved a sustainable site design that is easy to update

The final output is a sleek, modern corporate website for Harmony Succession Partners. This design beautifully fuses simplicity and elegance, reflecting the firm's professionalism. By using Wix Editor, we achieved a sustainable site design that is easy to update

FINAL OUTPUTS

Web Design for Harmony Succession Partners

A mobile design mockup showing the Harmony Succession Partners website displayed on a smartphone, held in one hand against a lush green plant background. The layout prominently features the tagline "We Listen. We Care. We Deliver." in a clean and modern design. The bottom of the screen showcases an aerial view of a natural landscape. In the top right corner, the "LITTLE FUJI DESIGN STUDIO" logo and text "Harmony Succession Partners Wix Web Design" indicate that the website was designed using Wix.
A laptop mockup showcasing the web design for Harmony Succession Partners. The laptop screen displays the website's homepage, featuring the tagline "We Listen. We Care. We Deliver." Below, an aerial view of a natural landscape is prominently placed. Additionally, sections of the website, including "What Makes Us Different?" and a contact section with a Google Maps embed, are presented in a floating, layered style. The "LITTLE FUJI DESIGN STUDIO" logo is positioned in the bottom right corner, while the bottom left contains the text "Wix: Web Design Portfolio" and "Website Design for Harmony Succession Partners," indicating that the design was created using Wix.
A mockup featuring a laptop and five website section previews. The laptop screen displays the homepage of Harmony Succession Partners, prominently featuring the tagline "We Listen. We Care. We Deliver." An aerial view of a natural landscape is shown at the bottom of the screen. Surrounding the laptop, five key sections of the website are layered, showcasing different aspects of the company:

Testimonials: Slideshow

The Testimonials section was designed using Wix Editor’s Slideshow feature, allowing the client to easily add, update, and swap testimonials as needed.

An animated GIF of the website's Testimonials section. At the top, the "King City Trailers" logo is displayed, followed by a review from Kevin Joosten, the former owner of King City Trailers. He praises Robert’s communication skills and support in navigating the business sale process smoothly. Below, the "Rouge River Capital" logo is shown, along with a testimonial from Mark MacTavish & Claude Germain of Rouge River Capital. They commend Thomas for his assistance in the sale process, highlighting his ability to provide well-informed insights and facilitate a seamless transaction. A slider indicator is present in the center, with green arrows on the left and right, allowing navigation through additional testimonials.

Wix Editor Animation

Wix Studio is not the only platform that supports animations—Wix Editor also allows multiple animation settings.

Since this project featured a simple design, I carefully implemented scroll-based parallax animations and subtle fade-in effects to enhance the user experience. These animations were optimized to ensure a rich and engaging experience on both desktop and mobile devices.

An animated GIF of the website's Testimonials section. At the top, the "King City Trailers" logo is displayed, followed by a review from Kevin Joosten, the former owner of King City Trailers. He praises Robert’s communication skills and support in navigating the business sale process smoothly. Below, the "Rouge River Capital" logo is shown, along with a testimonial from Mark MacTavish & Claude Germain of Rouge River Capital. They commend Thomas for his assistance in the sale process, highlighting his ability to provide well-informed insights and facilitate a seamless transaction. A slider indicator is present in the center, with green arrows on the left and right, allowing navigation through additional testimonials.

Testimonials: Slideshow

The Testimonials section was designed using Wix Editor’s Slideshow feature, allowing the client to easily add, update, and swap testimonials as needed.

Wix Editor Animation

Wix Studio is not the only platform that supports animations—Wix Editor also allows multiple animation settings.

Since this project featured a simple design, I carefully implemented scroll-based parallax animations and subtle fade-in effects to enhance the user experience. These animations were optimized to ensure a rich and engaging experience on both desktop and mobile devices.

Industry Experience: Wix Pro Gallery

The Industry Experience section included multiple icons, so I implemented it using Wix Pro Gallery. For the mobile version, a "Read More" button was added to control the number of icons displayed at once. On desktop, the layout automatically adjusts responsively based on the user's monitor size. 

Additionally, since the gallery is linked to Media Assets, our client can easily rearrange or add icons, making the design highly user-friendly and easy to edit. Furthermore, each icon features a subtle hover animation, enhancing interactivity and creating a more engaging user experience.

A screenshot of a webpage showcasing HSP (Harmony Succession Partners) industry experience. The design features a green background with white icons and text. Below the heading "HSP Industry Experience," a description explains that HSP has supported the sale of over 50 companies in the past five years and emphasizes their expertise in understanding and assisting businesses across various industries.

Web Design for Harmony Succession Partners

bottom of page