Project Overview 🡦

Flowmore is an agency based in Krakow that specializes in automating marketing processes. As part of our collaboration, I designed a new website for my client that clearly and attractively communicates what Flowmore is and the scope of their services. As part of the project, I designed all the graphics on the website, a website prototype in Figma, and a design system.

Project scope:

Responsive website

Role:

Web Design, Graphic Design, Research, Web development

Tools and technologies:

Design:

Development:

Collaboration:

See the website live 🡢

🎯

Competitive Analysis 🡦

I conducted research primarily in terms of user interface and Marketing Automation offerings, taking into account my main task in this project: designing a website for Flowmore agency. Then, I conducted a thorough analysis of the strengths and weaknesses of these agencies, and here is a summary of my findings.

Analyzed agencies with marketing automation service

86%

Websites have low visual quality

57%

Agencies provide little information about marketing automation

43%

Websites do not display correctly on mobile phones

Web design

🙌

Short presentation of a ready-made website 🡦

Hero section 🡪

The section includes a standout header with a description and CTA linking to Flowmore's offer, as well as graphics that correspond to the text.

Benefits section 🡪

The section features an avatar of one of the Flowmore co-founders, a large standout text, and visually represented benefits with icons that the Flowmore team provides.

Workflow section 🡪

A large header "How do we work?" and an infographic depicting a workflow in six points along with consistent icons.

Blog section 🡪

Blog cards are aligned and have the same height regardless of the length of the header. Additionally, I implemented a filtering function by categories.

About section 🡪

In the "Meet us" section, I applied a column with text and a column with team members, along with links to their LinkedIn profiles.

Offer section 🡪

To present Flowmore's offer in the most attractive way possible, I used standout cards with thematic icons and offer descriptions.

Contact section 🡪

In the contact section, I added a large encouraging header, contact information, and a consistent contact form that matches the rest of the website.

Design system 🡦

Thanks to the created design system, my client can use any of the elements on their website or for marketing purposes at any time, with the added benefit of a typography and color guide, which helps maintain brand consistency. The design system includes icons, emoticons, color scheme, typography, components, and photos and graphics.