Case 31 | Photographer's website

Jeremy cowart, very great and talented artist

here is his well designed website:https://www.jeremycowart.com/

・一個性化的品牌logo會讓人印象深刻,左上角的粗體藝術字“JEREMYCOWART"非常醒目又特別,從看到這個logo的第一眼就知道這是一位非常具有天賦的藝術家的網站

・右側上方的nav bar用的是font-weight:300的adobe-caslon-pro的字體,纖細精緻的感覺,和左上方的brand logo形成一個對比

・網站的作者是一位攝影師,攝影照片是最主要的內容。所以網頁的大部分主體內容都是照片。採用不同的尺寸,像是畫廊裡掛的一幅幅展品照片,在digital world裡營造出一種現實中藝術館的感覺。非常不同於一般的網站的的排版佈局,主要突出內容,very smart and clear.

・bottom bar簡潔清晰的黑色背景,白色的字體。直接的放上社交聯繫方式,方便用戶快速找到更多社交平台去關注作者,簡單設計中蘊藏了巧思。非常intuitive design.

這個頁面的唯一個人覺得還可以改進的地方是:在頁面最下方加一個“back to top" button。因為整個頁面的照片非常多,滑動鼠標很久才能回到頁面最上方的nav bar,如果可以有一個快捷鍵迅速回到頁面上端,可能對於用戶來說會更easy一些。

值得另外重點提一下的就是這個作者個人的自我介紹頁面

・左上方是作者的照片,右側是分為兩段的文字介紹(用的非常纖細的字體)

・一條黑色的line分割上方的靜態的介紹(照片+文字)和下方的動態的video介紹。圖文視頻都有了,非常全面的自我介紹

🍺思考:

・運用非常纖細的字種可以營造出非常質感纖細的藝術feeling

・一個醒目的個性化的brand logo可以讓用戶第一眼就感受到整個風格

・內容型網站(設計師,攝影師的個人網站)直接突出內容(作品照片)可以很好的讓用戶的attentions在最重要的事情上。攝影師個人網站採用不同尺寸,相同paddings的圖片營造出畫廊的感覺。普通的網站會立刻像是現實中的藝術展館一樣提升美感

・bottom area是用戶已經瀏覽了主體部分有了一個大概的了解,此時Call to action會是一個最合適的時機。不論是需要用戶去下載,或者是去更多社交平台上關注自己,在bottome area都可以放上,不會顯得突兀

・個人介紹頁面盡可能的讓用戶全方位的了解作者。圖片,文字,視頻都是直觀生動的方式