The Tree Wizard


A freshman and a senior teamed up on this site for the spouse of one of our school guidance counselors. His tree service team were listed in Yelp and many other area directories, so it would be easier to add a website to qualify him to potential clients and give them guidance and options for connecting. A lot of thought went into the colors and photos used, and the site is particularly attractive.

Team

Dmytro Maidan, Adedipo Soyele

Year

2026

Visit Site

Artifacts

A Scope of Work (SOW) document is a formal document that defines the specific tasks, deliverables, timelines, and expectations for a particular project or contract. It serves as a guide to ensure both parties (usually the client and the contractor/service provider) have a clear understanding of what is to be accomplished, how it will be done, and the standards or guidelines to be followed.

Our clients come with varying levels of engagement in working with us and background in the web design process. Jake was very warm and engaging, and it was easy to schedule meetings where they were very enthusiastic. However, we had the sense that the details were up to us and would be taken on faith. Fortunately, the senior of the team (project manager) was very detail oriented, and the freshman (account manager) very personable and a quick study for customer service, so we could use our months of working to educate the clients to be more engaged with the work.

A wireframe is a visual blueprint or schematic representation of a website’s layout, structure, and functionality. It serves as a basic framework that outlines the arrangement of elements like headers, footers, navigation menus, content areas, buttons, and other key components without focusing on design details such as colors, text, or images. Wireframes help designers, developers, and stakeholders plan the user experience (UX) and ensure a clear, functional website structure before moving on to more detailed design and development stages.

We did not have photos from the clients until long after the wireframes were approved, and it was a great relief to receive exactly the kinds of shots we needed to convey the value of the business.

Wireframe PDF

User stories and flows are tools used in development to define and map out user interactions with a system. A user story is a brief, simple description of a feature or functionality from the perspective of an end user, typically following the format: “As a [user], I want to [do something] so that I can [achieve a goal].” This helps prioritize development based on user needs. A user flow is a visual representation of the steps a user takes to complete a task or goal within an application or website. It outlines the sequence of interactions and decisions a user makes, ensuring a smooth and intuitive experience by mapping out the logical progression of actions. Together, user stories and flows guide the design and development process, ensuring the product meets user expectations and delivers a seamless experience.

We begin our user-based design process by identifying different clients and situations. We learned that emergency tree service required different workflows from scheduled work, which helped us flesh out what the home page and user flows would be.

User Stories and Flows PDF