FUATERMAN
PROJECT FOCUS
BLOG, PHILOSOPHIE, CINEMA, PHOTOGRAPH, VIDEO
FUATERMAN / OVERVIEW
fuaterman.com - A
personal website
CONTENT STRATEGY
UX / UI DESIGN
DEVELOPMENT
TIMELINE
/3 Weeks
TEAM
/3 DILEK BIRCANOGLU
/SELIN ERMAN
/AXEL GROMAT
Owning a deep understanding of philosophy, cinema, and photography, our client aimed to develop a new website. This platform would showcase his master's thesis, weekly blogs, and various visuals related to these concepts. He envisioned the website as a comprehensive space dedicated to ancient Greek and modern philosophy, narrating compelling stories and seamlessly integrating them into visitors' daily reading routines.
VISION
Our client, Mr. Fuat Erman, a distinguished alumnus of philosophy with a notable career as a cinema instructor, complemented by a profound dedication to the art of photography. Presently, he endeavors to transcend the boundaries of his enthusiasm and routine writings. His strategic vision encompasses the establishment of an engaging digital platform, wherein he integrates his extensive intellectual repository with a vast reservoir of knowledge, written works, and meticulously curated photographs and videos accumulated over time. Mr. Erman aspires to initiate an immersive and interactive experience with his audience, encouraging their active participation in the cultivation of a dynamic community. In this endeavor, he would like to create his own website that unveils the unique facets of his world.
FUATERMAN / OVERVIEW
APPROACH
CHALLANGE
Establishing a website that effortlessly connects readers with a plethora of articles and visuals centered on philosophy, cinema, and photography. The primary objective is to maintain a website ambiance characterized by minimalist, intellectual, and refined themes.
SOLUTION
The idea behind our theme was to base seamlessly integrate Fuat Erman's intellectual background and expertise across diverse subjects, aiming to captivate readers and encourage them to subscribe to the website. In pursuit of this objective, we designed a website characterized by a modern, minimalist, and vibrant theme.
FUATERMAN / SCOPE OF THE PROJECT
DISCOVERY
DESIGN
IMPLEMENTATION
DESIGN WORKSHOP
WIREFRAME
UI BENCHMARK
TESTING
DEVELOPMENT
PROTOTYPE TESTING
HANDOFF
UI TESTING
FUATERMAN / WORKSHOP
WORKSHOP
Before jumping into concept design, our final preparatory step involves a half-day workshop with the client to gain a more profound insight into his design vision. This workshop consists of four crucial stages of the design process, aiming to provide a condensed simulation of a designer's creative journey. Through the client's key keywords, we collaboratively shape the initial trajectory of the product's identity.
KEYWORD
OBTAINING THE KEYWORDS THAT DESCRIBE THE PRODUCT
VISUAL THINKING
MATCHING ABSTRACT KEYWORDS WITH VISUAL REPRESENTATIONS
DESIGN PRACTICE
UNDERSTANDING THE DESIGNER’S WAY OF THINKING
MOODBOARD CREATION
EXPLORING THE PRODUCT’S TONE OF VOICE
FUATERMAN / CONCEPT
CONCEPT
The client’s brand identity, rooted in his cinema production company, is shaped by a meticulously chosen blue. He specifically requested the incorporation of this hue into the project. This distinctive colour, carefully chosen for both visual impact and accessibility, permeates the entire website. Strategically, it highlights key elements, maintains visual consistency, and plays a pivotal role in reinforcing brand recognition with a focus on inclusivity.
To enhance the visual appeal and align with the overarching themes of philosophy, cinema, and photography, we opted for a minimalist approach. We exclusively featured the Greek letter PHI and a rendering of "The Death of Socrates" painting. These illustrations seamlessly blend abstract concepts from the respective fields, establishing a singular visual language for Mr. Erman's website.
Crafting the design system for UI components to embody the minimalist and intellectual theme, we employed clean lines, subtle shadows, and modern typography. The goal was to create an intuitive and user-friendly interface that aligns with the principles of minimalism. Interactive components were designed with user engagement in mind, encouraging visitors to explore articles, multimedia content, and contribute to the dynamic community envisioned by the client.
FUATERMAN / WIREFRAMES
WIREFRAMES
We developed the wireframes in two stages: mid-fidelity and high-fidelity wireframes. Subsequently, we created high-fidelity screens for website, subjecting the more complicated ones to testing and iterative improvements for enhanced usability using prototypes.
Following the completion of the wireframes, we headed to the preparations for the concept design phase.
FUATERMAN / ITERATIONS
ITERATIONS
Our iterative process involved continuous refinement based on feedback and testing. Multiple rounds of user testing on high-fidelity wireframes identified areas for improvement, focusing on enhancing usability and ensuring a seamless user experience. The colour palette, illustrations, and components underwent refinements to strike a perfect balance between aesthetics and functionality.
FUATERMAN / INTERFACE
INTERFACE
Our website interface prioritizes a user-centric experience, featuring a welcoming homepage with a selected painting and recent articles. Intuitive navigation ensures easy content discovery, while article pages offer a distraction-free reading experience with seamless navigation between related content.
FUATERMAN / CONCLUSION
CONCLUSION
The collaborative journey from concept to the final interface expertly intertwined our client's vision with our design expertise. Embracing a sleek, intellectual theme, along with a carefully chosen color palette and refined components, we achieved a nuanced blend of aesthetics and functionality. Our iterative process, shaped by invaluable user feedback, produced a platform seamlessly uniting user-friendliness with visual allure, capturing our client's essence.
More than a mere showcase, this website invites visitors to actively shape our client's unique world. Crafted with intentional design choices, the platform is a testament to our client's narrative and a vibrant hub for a dynamic online community. The strategic addition of subscription features reflects our commitment to fostering a lasting connection, transforming passive observers into engaged participants in our client's digital narrative