Built with Webflow
NFBS Studio Website Creation and Brand Design
Fernando | hippo design
Like this project
Posted Jan 15, 2025
Revamped NFBS's brand identity and built a modern Webflow site showcasing digital expertise, with an easy-to-update CMS for autonomous content updates.
Likes
0
Views
6
Case Study: NFBS Studio — Website Creation and Brand Design
Paris-based digital consultancy NFBS (where I was a partner and led all design work), needed to establish a strong digital presence that would effectively showcase design expertise and creativity. NFBS needed a brand identity revamp and a modern, user-friendly website to reflect their unique style and capabilities as a leading design studio, as well as an easily editable CMS interface for the best maintainability and website content updates independent from any developers.
Video Walkthrough
Project Objectives
Develop a cohesive brand identity that captures the current essence of NFBS.
Design and build a visually compelling website that builds trust, enhances user engagement and increases project requests/sales.
Highlight the studio’s design projects and services.
Ensure responsive functionality and seamless user experience across devices.
Challenges
Brand Creation: With an existing brand identity, we needed to re-think and re-establish a comprehensive visual language.
Showcasing Creativity: The website needed to strike a balance between creative expression and user-friendliness, as well as trustworthy.
User Experience: Ensuring intuitive navigation and clear presentation of information was critical.
Approach
Collaboration and Discovery: We worked closely with the NFBS Studio team to understand their values, goals, and target audience, shaping a brand identity that aligns with their vision.
Design and Development:
Brand Design:
Created a comprehensive brand identity, including a refreshed logo and color palette, typography and graphic applications.
Developed cohesive visual elements for application across the website and future branding materials.
Website Design:
Designed all screens from scratch using Figma, ensuring a seamless experience across desktop, tablet, and mobile devices.
Focused on clean, minimalist layouts to highlight the studio’s design expertise.
Website Development:
Developed the site using Webflow, optimizing it for responsiveness and usability.
Ensured efficient content management capabilities to allow NFBS to update project case-studies and content easily.
Expanded Webflow's native capabilities leveraging tools like GSAP and Finsweet to bring on additional functionality such as CMS filtering and super smooth scroll-based interactions.
Results:
Brand and Digital Presence:
The newly developed brand identity establishes NFBS as a professional and creative digital consultancy.
The modern website effectively showcases their work and services, creating a compelling user experience, bringing more leads and converting them into customers.
Key Features:
Project Portfolio: Highlighted design projects with visually appealing layouts.
Responsive Design: Ensured optimal functionality and presentation across all devices.
Content Management: Easy-to-update system for future project and content additions.
Client Feedback: NFBS expressed high satisfaction with the process and final outcome, noting that the brand design and website exceeded their expectations and positioned them strongly within the design community.
Conclusion: The NFBS project highlights the value of thoughtful brand creation and website development. By leveraging cutting-edge design and development techniques, I delivered a solution that empowers NFBS to thrive and grow in the competitive digital industry.