Personal project aiming to explore no-code platforms, what features they offer for interactivity + any potential difficulties or limitations when designing.
This is a project, inspired by a real flower store. The idea is to design a simple and good-looking website which later to be developed in Framer.
Hero section effect in Framer
Design in Figma
Starting with a screenshot of some of my variants. I like to create components and variants early on because it allows me to make changes later easy and efficient. Organizing my design files is another important step that I never skip.
Variants and components in Figma
For the hero section I want to show short message explaining what the store can offer.
Hero section of the website
The store offers 4 different services. Each of them is a clickable "card" where users can read more in the right column. This section will be interactive and there is a possibility for animations. The icons are custom created.
Design suggestion for services section with 4 services on the left side and description for each one of them (after being selected by the user) on the right.
Stats section - building credibility. Another section with potential for interactions. The first thing that comes to mind is "animating" the numbers but that also depends on the possibilities that the no-code tools allow.
Stats section to build credibility.
Blog section - the idea is to show only the latest blog post here on the front page to prevent the long scroll and cluttering the page with too much information. There will be a separate blog page with all posts.