Fiwy – Branding & Web Design

Fiwy - Case Study on Belov Digital Agency
Services & Technologies

Branding

UX/UI design

WordPress development

Gutenberg blocks

Gravity Forms

Client

BDA’s in-house project

Year

2022

About the Project

Fiwy is a BDA’s in-house project – a web app that will import your design groundwork from Figma, Sketch, or another design app to WordPress. The app reads design files and extracts the essentials: the code behind the items. All it needs is a link to the design: then, it lets users label the elements (e.g., button, text block, input box) to make sure Fiwy renders them correctly.

As a result, you can choose to get either the code itself (all the HTML, CSS, and JavaScript your website design implies) or your site in structure blocks (WordPress blocks for sites on WordPress, for instance).

Location

International

Competence

Design-to-site conversion

Industry

No-code web apps

Problem

We needed to design a brand, starting with the brand name, logo, tagline, and color system. The branding process will keep going on as Fiwy grows as a company, and the rest of the brand assets will be created at later stages of Fiwy’s development.

For the new brand, we needed to build a website that would present information about the service and serve as a landing for the target audience. The website had to have a home page, About & Contact pages, pages for the blog (Blog + Single Post page), and Terms Of Service & Privacy Policy pages.

Solution

The brand and its website design had to answer the picky taste of the potential users – web designers, and provide the opportunity to sign up for early access and feedback.

As planned for the brand, the app should create a neutral-friendly atmosphere and elicit the feeling of being cared about. For that purpose, we’ve chosen to use soft and round shapes throughout the interface and mellow neon colors.

Fiwy - Branding

Branding

Fiwy – the brand name for the app – was created as a short and memorable descriptive word that alludes to Figma and WordPress – the most widely preferred web design app and CMS. This allusion will also be useful at the next stages of the brand development, since the first version of Fiwy is to provide the automated transition between these two platforms.

The brand is designed to elicit an image of something soft and cute, so that people can see it as a helper. Based on that, we’ve decided for a simple polite tone of voice without excessive formality or, vice versa, overfamiliarity for the brand – both on the website and in the app.

Fiwy - Logo

Logo

We’ve designed the logo as a representation of the streamlined smoothness of the conversion, plus the nice-looking creature in a circular shape adds to the overall feeling of wholesomeness.

Fiwy - Color code

Colors

The app is aimed mostly at web designers, and the people working in the web industry often prefer dark mode over standard white/light backgrounds. That’s why Fiwy’s website uses a dark theme, murky glassmorphic objects, and mostly dimmed neon colors for the text and images.

Fiwy - Main page

Imagery

The design mostly uses flat graphics with few details, which works well with the colors used and assists in building the necessary image. The main page also combines flat design with a real-life picture, creating a 90s-style collage.

The soon-to-come app will appear on a subdomain of this website. Most of the exciting engineering and development happens around there. Stay tuned!

Fiwy - Contact form

Contact forms

For people to get in touch, ask about anything, or get early access to the app, we’ve created contact forms. The one for free access requests is at the end of all website pages, and the standard contact form is on the Contacts page.

Fiwy - FAQ

FAQ block

The Features page has a custom FAQ block. Questions and answers there are placed in an accordion. We used soft slider animation for the answers. Opening an answer doesn’t trigger the closing of the previously opened one.

Result

We’ve completed a project for branding, design, and development for the new app – Fiwy. A catchy name and soft design elicit the feeling of friendliness and work well for the app reputation as a helper.

The interface of the brand’s business website uses a dark background and neon colors with a murky glass effect – a style much loved by the web community. The flat design combined with real-life imagery to draw the attention of the audience.

Fiwy’s website is already working to attract users for the soon-to-launch app. All the features are explained in various custom Gutenberg blocks, and there are plenty of contact forms to ensure users can get in touch with the team.

More Case Studies

Explore our other projects

Grovebags - Case Study on Belov Digital Agency

Grove Bags

The client’s site client already had an e-commerce website, but it needed a complete redesign. Our main task was to..
KeysForWeb - Case Study on Belov Digital Agency

KeysForWeb App

KeysForWeb is a Belov’s in-house web app that allows requesting and sending passwords both securely and easily. The interface boasts..
Figma2wp - Case Study on Belov Digital Agency

Figma2WP

Figma2WP is a BDA in-house project for design-to-site conversion. Our team created an effective website from both the design and..
Vial - Case Study on Belov Digital Agency

Vial – Revamp & Continuous Partnership

We’ve re-built a website completely using the Astra theme with Elementor PRO as a base due to the urgency and..

Transform Your Vision

Request your website now

Over 900 companies trust us with their online presence

Belov Digital are true professionals and worked diligently within the timeframe we had to diagnose the problems I was having with my website. Super responsive and attentive. My new go-to for anything web-dev agency. Thank you!
Belov Digital Agency - WordPress Development - Reviews

Rodrigo Campos

Very responsive, fast, worked with me to get everything just right!
Belov Digital Agency - WordPress Development - Reviews

Stephen Pasquini

Alex, founder of Belov Digital, is my most treasured business consultant because of his personality, expertise & gentle ways of working with me.
Belov Digital Agency - WordPress Development - Reviews

Diane Bond