top of page

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.

style guide_edited.jpg

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.

Screenshot 2024-01-26 at 11.27_edited.jpg
Screenshot 2024-01-26 at 11.27_edited.jpg
Screenshot 2024-01-26 at 11.28_edited.jpg
Screenshot 2024-01-26 at 11.30_edited.jpg
Screenshot 2024-01-26 at 11.31_edited.jpg
Screenshot 2024-01-26 at 11.29_edited.jpg

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-Homepage-Laptop_edited.jpg

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

bottom of page