- Categories: Visual identity - Web
- Activity area: well-being blog
- Role: graphic designer and web designer
- Context: side project
- Date: 2021
- Technologies and software: ADOBE PHOTOSHOP - ILLUSTRATOR - ADOBE XD
About "Recettes bien-être"
The “Recettes bien-être” blog is a personal project (demonstration website), designed for bloggers, influencers and companies specializing in natural cosmetic care and well-being.
The challenge
My goal is to create a user-oriented website, which allows you to create links.
Technical challenges
Animations
Integration of advanced animations (loader, sliders, call-to-action buttons, vector animations, buttons, hover animation, interactive map, etc.)
Forms
Contact, registration and login forms with password.
Layout
Design and integration of layout sections.
Comments
Creation of a comments area for subscribers.
The solution
Create a blog, where visitors can register, log in, comment and share.
Work carried out:
- Creation of visuals and icons.
- Photo editing and photomontage.
- Wireframe, Web design (UX and UI), content creation (text and visuals) and image selection.
- Development of the website and functionalities: forms (contact, registration, connection, forgotten password), recipes section, comments area with countdown, website compatible with all media (responsive).
- Updates and maintenance.
Colors
I created a color palette based on coral, yellow, dark green, black and white, to create a style soothing, natural and elegant.
Joy, sociability
and loyalty
Confidence
and optimism
Nature
and success
Wisdom
and purity
Seriousness, modernity
and elegance
Fonts
For the website, I chose the font Abril Fatface for titles and Raleway for body text.
Abril Fatface, is a modern, thick and elegant font. Raleway is also elegant, which corresponds to “Recettes bien-être”.
Creation of visuals
Images before retouching
Visuals created from the images above, for the headers (page headers).
Webdesign and development
I created a responsive, user-oriented website, fluid for visitors and potential members. The blog has 6 sections:
- Home
- About
- Our recipes
- Contact
- Registration
- Login
Desktop
Login and logout mode
Responsive - Mobile
