Design and code for BEX DAY portfolio

Last year I designed and coded the site for London based photographer, Bex Day. For this project I used Gatsby.js and Tailwindcss for styling. I chose Sanity.io as the content management system for it’s customisable features and simplicity to maintain. The design culminated in an elegant and spacious environment with interaction details throughout the navigation experience. Have a loot at bexday.com ✨

Report

Project Tags

Companies

B
Bex Day

Skills

\",\"cache_age\":86400},\"meta\":{\"extractor\":\"iframely\"},\"links\":{\"self\":\"v1/x-media/https://angelinacodes.s3.eu-west-1.amazonaws.com/Bex+Day+Clean+Post.mp4\"},\"properties\":\"~project~project~attributes~blocks~1~attributes~xMedia~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/embed-blocks/208890\"},\"relationships\":{\"x-media\":{\"links\":{\"self\":\"v1/embed-blocks/208890/relationships/x-media\",\"related\":\"v1/embed-blocks/208890/x-media\"},\"data\":{\"type\":\"x-media\",\"id\":\"https://angelinacodes.s3.eu-west-1.amazonaws.com/Bex+Day+Clean+Post.mp4\"}},\"xMedia\":\"~project~project~attributes~blocks~1~attributes~xMedia\"},\"properties\":\"~project~project~attributes~blocks~1~attributes\",\"title\":\"undefined undefined\"}]},\"links\":{\"self\":\"v1/projects/880000\"},\"relationships\":{\"author\":\"~project~project~attributes~author\",\"features\":\"~project~project~attributes~features\",\"image\":\"~project~project~attributes~image\",\"industries\":\"~project~project~attributes~industries\",\"invites\":{\"links\":{\"self\":\"v1/projects/880000/relationships/invites\",\"related\":\"v1/projects/880000/invites\"},\"data\":null},\"owner-page\":{\"links\":{\"self\":\"v1/projects/880000/relationships/owner-page\",\"related\":\"v1/projects/880000/owner-page\"},\"data\":null},\"owner-user\":{\"links\":{\"self\":\"v1/projects/880000/relationships/owner-user\",\"related\":\"v1/projects/880000/owner-user\"},\"data\":{\"type\":\"users\",\"id\":\"166019\"}},\"owner-roles\":{\"links\":{\"self\":\"v1/projects/880000/relationships/owner-roles\",\"related\":\"v1/projects/880000/owner-roles\"},\"data\":[]},\"page-collaborators\":{\"links\":{\"self\":\"v1/projects/880000/relationships/page-collaborators\",\"related\":\"v1/projects/880000/page-collaborators\"},\"data\":[{\"type\":\"pages\",\"id\":\"91019\"}]},\"skills\":\"~project~project~attributes~skills\",\"tags\":\"~project~project~attributes~tags\",\"user-collaborators-summary\":{\"links\":{\"self\":\"v1/projects/880000/relationships/user-collaborators-summary\",\"related\":\"v1/projects/880000/user-collaborators-summary\"},\"data\":[]},\"side-hustle-skill\":{\"links\":{\"self\":\"v1/projects/880000/relationships/side-hustle-skill\",\"related\":\"v1/projects/880000/side-hustle-skill\"},\"data\":null},\"desired-collaborator-professions\":{\"links\":{\"self\":\"v1/projects/880000/relationships/desired-collaborator-professions\",\"related\":\"v1/projects/880000/desired-collaborator-professions\"},\"data\":[]},\"x-likes\":{\"links\":{\"self\":\"v1/projects/880000/relationships/x-likes\",\"related\":\"v1/projects/880000/x-likes\"},\"data\":null},\"x-in-lists\":{\"links\":{\"self\":\"v1/projects/880000/relationships/x-in-lists\",\"related\":\"v1/projects/880000/x-in-lists\"},\"data\":null},\"ownerUser\":\"~project~project~attributes~author\",\"ownerRoles\":\"~project~project~attributes~ownerRoles\",\"pageCollaborators\":\"~project~project~attributes~pageCollaborators\",\"userCollaboratorsSummary\":\"~project~project~attributes~userCollaboratorsSummary\",\"desiredCollaboratorProfessions\":\"~project~project~attributes~desiredCollaboratorProfessions\"},\"properties\":\"~project~project~attributes\",\"title\":\"Design and code for BEX DAY portfolio\"},\"projectsFromPage\":[],\"usersForSkills\":[]},\"projectEditor\":{\"collaborators\":{\"data\":[],\"loading\":false,\"meta\":{\"count\":0,\"current\":0,\"total\":1}},\"project\":null},\"questions\":{\"connectionsQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"curatedQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"error\":false,\"errorCode\":null,\"isLoading\":false,\"isModalVisible\":false,\"isSaving\":false,\"latestQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"modalQuestion\":null,\"myQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"myReplies\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"popularQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"question\":null,\"questionsByProfessions\":[],\"recommendedQuestions\":[],\"suggestedUsers\":[],\"suggestedUsersCount\":0},\"ribbons\":{\"entities\":{},\"results\":{}},\"search\":{\"enableJobsForYouFallback\":null,\"jobsTiles\":[],\"loading\":false,\"pagination\":{\"count\":0,\"current\":0,\"total\":0},\"questions\":{\"connections\":[],\"latest\":[],\"popular\":[],\"professions\":[]},\"results\":[]},\"sitemaps\":{\"eventPartners\":{\"data\":null,\"navigation\":null,\"pagination\":{\"count\":0,\"current\":0,\"total\":0}},\"jobs\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"pages\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"projects\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"questions\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"users\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"}},\"statusBar\":{\"message\":null,\"negative\":false,\"overtop\":false},\"subscriptions\":{\"action\":null,\"cart\":[],\"credits\":[],\"creditsCount\":0,\"fiveJobsPack\":null,\"proPlan\":null,\"singleJobPack\":null,\"threeJobsPack\":null},\"user\":{\"connections\":{\"connections\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}}}}}"; window.__APOLLO_STATE__ = "{\"ROOT_QUERY\":{\"__typename\":\"Query\",\"userHasExperiencedGraphTimeout\":false}}";