UX / UI Design and "Headless" Development for Figura Figura.

  • Angelina De Lucas Alvarez

Happy to share with you my latest work, UX/UI Design and “Headless” Development for Figura Figura. For a “headless” website, different API services are used to create the website pages. Allowing for more flexibility and customisation in how the website is put together. This opens up major possibilities for designers to build online experiences more in alignment with a brand’s ethos rather than using a generic template. In an industry that tends towards standardisation, having the ability to be original is a highly valued asset. I designed and prototyped this website using Figma. Built with Shopify, Sanity and Gatsby (A Netlify Company). The result is a fast, secure, SEO optimised, and one-of-a-kind online experience. Have a look at figurafigura.com Hope you like it as much as I do xx. Angelina De Lucas is a Digital Activation Strategist, UX / Web Designer and Developer based in Barcelona working worldwide ✨

\",\"cache_age\":86400},\"meta\":{\"extractor\":\"iframely\"},\"links\":{\"self\":\"v1/x-media/https://angelinacodes.s3.eu-west-1.amazonaws.com/FF+Square+Post+The+Dots.mp4\"},\"properties\":\"~project~project~attributes~blocks~1~attributes~xMedia~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/embed-blocks/211113\"},\"relationships\":{\"x-media\":{\"links\":{\"self\":\"v1/embed-blocks/211113/relationships/x-media\",\"related\":\"v1/embed-blocks/211113/x-media\"},\"data\":{\"type\":\"x-media\",\"id\":\"https://angelinacodes.s3.eu-west-1.amazonaws.com/FF+Square+Post+The+Dots.mp4\"}},\"xMedia\":\"~project~project~attributes~blocks~1~attributes~xMedia\"},\"properties\":\"~project~project~attributes~blocks~1~attributes\",\"title\":\"undefined undefined\"}]},\"links\":{\"self\":\"v1/projects/909398\"},\"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/909398/relationships/invites\",\"related\":\"v1/projects/909398/invites\"},\"data\":null},\"owner-page\":{\"links\":{\"self\":\"v1/projects/909398/relationships/owner-page\",\"related\":\"v1/projects/909398/owner-page\"},\"data\":null},\"owner-user\":{\"links\":{\"self\":\"v1/projects/909398/relationships/owner-user\",\"related\":\"v1/projects/909398/owner-user\"},\"data\":{\"type\":\"users\",\"id\":\"166019\"}},\"owner-roles\":{\"links\":{\"self\":\"v1/projects/909398/relationships/owner-roles\",\"related\":\"v1/projects/909398/owner-roles\"},\"data\":[]},\"page-collaborators\":{\"links\":{\"self\":\"v1/projects/909398/relationships/page-collaborators\",\"related\":\"v1/projects/909398/page-collaborators\"},\"data\":[]},\"skills\":\"~project~project~attributes~skills\",\"tags\":\"~project~project~attributes~tags\",\"user-collaborators-summary\":{\"links\":{\"self\":\"v1/projects/909398/relationships/user-collaborators-summary\",\"related\":\"v1/projects/909398/user-collaborators-summary\"},\"data\":[]},\"side-hustle-skill\":{\"links\":{\"self\":\"v1/projects/909398/relationships/side-hustle-skill\",\"related\":\"v1/projects/909398/side-hustle-skill\"},\"data\":null},\"desired-collaborator-professions\":{\"links\":{\"self\":\"v1/projects/909398/relationships/desired-collaborator-professions\",\"related\":\"v1/projects/909398/desired-collaborator-professions\"},\"data\":[]},\"x-likes\":{\"links\":{\"self\":\"v1/projects/909398/relationships/x-likes\",\"related\":\"v1/projects/909398/x-likes\"},\"data\":null},\"x-in-lists\":{\"links\":{\"self\":\"v1/projects/909398/relationships/x-in-lists\",\"related\":\"v1/projects/909398/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\":\"UX / UI Design and \\\"Headless\\\" Development for Figura Figura.\"},\"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}},\"coronavirusQuestions\":{\"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\":{\"filterTag\":null,\"followedTags\":[],\"jobsTiles\":[],\"loading\":false,\"pagination\":{\"count\":0,\"current\":0,\"total\":0},\"questions\":{\"connections\":[],\"latest\":[],\"popular\":[],\"professions\":[]},\"questionsTiles\":null,\"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}}";