https://upclose.studio/ 2025-07-24 monthly 1.0 https://cdn.sanity.io/images/23rtr9c0/production/5d0b58927a3b9265d0cda8f6559a059f2e003112-2400x1388.jpg Green cyanotype image of plants, serving as the hero image for the Environment APPG website developed by Upclose, focusing on UK environmental policy. https://cdn.sanity.io/images/23rtr9c0/production/bca56fadb8754280eb3cc0d165631ec8d2ab81e7-1864x2066.png Reportage photo from the Curated by KCAC website section, developed by Upclose to explore stories in contemporary culture. https://cdn.sanity.io/images/23rtr9c0/production/d9105dd338155845d72b343e762d7d194eedb832-2656x2020.png Homepage screenshot of the Freelands Foundation website, featuring a photo from an exhibition, built by Upclose to support artists and educators. https://cdn.sanity.io/images/23rtr9c0/production/86a0c83d51a36dd973e36dbd0845f770a912e52b-1458x1458.png Screenshot of the homepage of the new Bevisioneers website, showing the CMS feature we developed that allows adding icons in text blocks https://cdn.sanity.io/images/23rtr9c0/production/1970819abb3a8ddbd28d609c7c4ab919d5cefb23-2500x1667.jpg A photo of one of the gallery's exhibitions in Albisola https://cdn.sanity.io/images/23rtr9c0/production/0d31b16220df2b20a51452353262000fe398ca1f-800x1066.webp A unique marble coffee table designed by MMOOS., featured on their debut Italian design website built by Upclose. https://cdn.sanity.io/images/23rtr9c0/production/b873e0e6d9fc189154537d08d2a54af5a65dcb48-3800x2452.png Photo of a meeting taking place on the Project Boost website platform, developed by Upclose for climate and environment policy influencers. https://upclose.studio/contact 2025-07-24 yearly 0.1 https://upclose.studio/web-dev 2025-11-03T14:24:10Z monthly 0.5 https://cdn.sanity.io/images/23rtr9c0/production/a085605622b12b271b9c91a5671a32b45b37b664-3000x2000.png Engineering a web experience as refined as woven material https://cdn.sanity.io/images/23rtr9c0/production/44b0ebe9ac4e0061d88da9d5eb291bde5587e450-3000x2000.jpg Algorithmic identity for a sound designer’s portfolio https://cdn.sanity.io/images/23rtr9c0/production/6adbcee4f8f0e9203d1feb7ba0fadd55e53985a4-3000x2000.jpg Simplifying access to employee benefits in the hospitality industry https://cdn.sanity.io/images/23rtr9c0/production/6cb3034525e6d8b4cd976b2629bc771e0f85413e-3000x2000.png Making extreme climate data accessible and explorable https://upclose.studio/web-dev/e3ci-datastation-climate-data-visualization 2025-09-17T21:20:37Z yearly 0.8 https://cdn.sanity.io/images/23rtr9c0/production/6cb3034525e6d8b4cd976b2629bc771e0f85413e-3000x2000.png Homepage of the E3CI (European Extreme Events Climate Index) platform, showcasing accessible and explorable climate data visualizations for European countries. https://cdn.sanity.io/images/23rtr9c0/production/6aea1709f862e077a61386854f860827d8ba00b7-1476x1850.png SVG map of Italy on the E3CI platform, dynamically displaying weather-related hazard data from the European Extreme Events Climate Index. https://cdn.sanity.io/images/23rtr9c0/production/f599c3ccf562d2ae2bb9c36e7a5432ad73720c63-1476x1850.png Grid view on the E3CI website illustrating changing maximum temperature climate indexes, demonstrating the dynamic data visualization capabilities. https://cdn.sanity.io/images/23rtr9c0/production/e551dd055698afffeb6a653caff3f56bbb689fb3-3000x2000.png About page of the E3CI climate data platform, detailing the project by Cinzia Bongino for IFAB, making extreme climate data accessible. https://cdn.sanity.io/images/23rtr9c0/production/9cb7e9660a370da37b7ac83a24d6abeb9ec379c9-1476x2000.png Interactive chart component on the E3CI platform visualizing the frequency of extreme climate events across several decades in Europe. https://cdn.sanity.io/images/23rtr9c0/production/109afb5481102b918b4a812a888c4b083d4fb2b0-1476x976.png Light/dark mode toggle switch on the E3CI interface, part of the dynamic theming system for user preference and accessibility. https://cdn.sanity.io/images/23rtr9c0/production/1b8b216cfbbe3b8780181993455cc3b0e84e4ab3-1476x976.png Colour legend for the E3CI data visualizations, explaining the different colour identities used for the eight views of the climate index. https://cdn.sanity.io/images/23rtr9c0/production/825803038388d954b318464b1d3db933b65d2b1c-3000x2000.png Country-specific page on the E3CI platform, offering a detailed overview of major weather-related hazards for a selected European nation using interactive maps and charts. https://cdn.sanity.io/images/23rtr9c0/production/539b64db8af7e2c88f2ed9f008c3e17719be2e62-3000x900.png Diagram illustrating the server-side data processing pipeline for the E3CI platform, showing how raw climate data is transformed into pre-compressed JSON files by a custom Python script. https://cdn.sanity.io/images/23rtr9c0/production/564e30d1e0ec8194dd6699161b3c889048d03064-3000x2000.png Interactive Mapbox map on the E3CI platform displaying European climate extremes data, demonstrating the single, persistent map component architecture. https://cdn.sanity.io/images/23rtr9c0/production/c36078dc243ca0505f5f37670889f95440e36149-1476x900.png Diagram showing the map layer structure within the Mapbox implementation on the E3CI platform, designed for fast lookup and streaming. https://cdn.sanity.io/images/23rtr9c0/production/5ac8933593ea05dcf0dfd38d9125d36f3cc31d44-3456x1600.png Example of a fire hazard data layer visualized on a Mapbox map within the E3CI platform, showcasing specific climate event representation. https://cdn.sanity.io/images/23rtr9c0/production/17e0c1d5b84625d1237f7903638ca397a54728b2-3000x2000.png Client-side rendered heatmap chart on the E3CI platform, using Chart.js to display climate data patterns interactively. https://cdn.sanity.io/images/23rtr9c0/production/61c9b461f75fcb59c983d3aff221c2d6f88a0310-3000x900.png Interactive plot chart on the E3CI website, rendered client-side using Chart.js to visualize trends in European climate data. https://cdn.sanity.io/images/23rtr9c0/production/ece5de56ac2da023b4dcbbdeec06e004ae8e1859-3000x900.png Bar chart on the E3CI platform, generated with Chart.js for client-side rendering, comparing climate event data across different metrics or regions. https://cdn.sanity.io/images/23rtr9c0/production/00c61a369b6ccd979fdecdc068ed5cb04e51e7b9-3000x2000.png Beeswarm (swarm) chart displayed on the E3CI platform, rendered in the browser with Chart.js to show the distribution of climate data points. https://cdn.sanity.io/images/23rtr9c0/production/1033e20ff0dadf08c72d3fda1ce6551ed57331e3-1476x976.png Example of an exported image (chart or map) from the E3CI platform, showcasing the custom export function for sharing static visualizations. https://cdn.sanity.io/images/23rtr9c0/production/9fa8346c5e683ac06ef93d78dc7bbaeccd386216-1476x976.png Illustration of a table data download from the E3CI platform, representing how users can access raw data for reports or analysis https://cdn.sanity.io/images/23rtr9c0/production/6d61a279832c62d3a7d5fbf2bc4bfd487ad6c40f-1476x2000.png Cropped view of the download popup or share menu on the E3CI website, highlighting options for saving visualizations or accessing embeddable versions. https://upclose.studio/web-dev/osbenefits-hospitality-employee-benefits-platform 2025-09-17T21:19:45Z yearly 0.8 https://cdn.sanity.io/images/23rtr9c0/production/831d464ca5efa8e36c3fe4340cefdc84f5cd0709-3000x2000.png Homepage of OS Benefits, showcasing the streamlined digital experience for hospitality owners to access curated employee perks, designed by Oyster Sunday. https://cdn.sanity.io/images/23rtr9c0/production/dea3cc9ea9d78308b75aa0ad86de14b65791ddf6-3000x2000.png Four mobile screens displaying different vendor perks available through the OS Benefits platform, illustrating the curated range of employee benefits for the hospitality industry. https://cdn.sanity.io/images/23rtr9c0/production/1df7c6858507afc90c0250de75d710b1f1a52fef-930x1412.png Brand identity photograph for OS Benefits featuring two baguettes, reflecting the platform's focus on the hospitality industry. https://cdn.sanity.io/images/23rtr9c0/production/311ff8206d1e57b056ff489d17857f791d72240f-1476x900.png Close-up of the 'Create an Account' button on the OS Benefits platform, the first step in the seamless and automated onboarding process for hospitality businesses. https://cdn.sanity.io/images/23rtr9c0/production/5c083aad475c996b05feb01ad4300808a7f13196-3000x2000.png Screenshot of Step 1 (Account Creation) in the OS Benefits registration flow, highlighting the intuitive and effortless user onboarding experience. https://cdn.sanity.io/images/23rtr9c0/production/37304ef0e76bad8dd8440f70c6d66864f7ff111c-972x1448.png Brand identity image for OS Benefits showing a pear and plates, evoking the dining and hospitality sector the platform serves. https://cdn.sanity.io/images/23rtr9c0/production/66867d281a2461472ee53548243847f2d1b61884-1476x1850.png Tier selector interface on the OS Benefits platform, where hospitality owners choose their desired employee perks subscription plan. https://cdn.sanity.io/images/23rtr9c0/production/b9670ea5f702a15bc8683debbc90c402127c296d-3000x2000.png View of Step 4 (Payment) in the OS Benefits automated registration process, where users complete their subscription setup using Stripe Elements. https://cdn.sanity.io/images/23rtr9c0/production/0e024da5655dab593093390155a4c70d2350f513-1476x900.png Animation dynamically displaying the subscription price on the OS Benefits platform, likely reacting to plan or employee count adjustments. https://cdn.sanity.io/images/23rtr9c0/production/9aef4b8b97545facce7db99936923a85f9d87990-1476x900.png Visual representation of all possible subscription statuses (e.g., active, pending, cancelled) within the OS Benefits management system, handled by Laravel Cashier. https://cdn.sanity.io/images/23rtr9c0/production/36066dfc2fbcff70e027404d4be8f7722ca933fc-3000x2000.png Manage Subscription screen on the OS Benefits platform, where employers can adjust plans, add/remove employees, and see prorated charges, powered by Stripe Elements and Laravel Cashier. https://cdn.sanity.io/images/23rtr9c0/production/6d990f6b695e62b23773bfad2d34d61f31472f89-3000x2000.png Personalized employee dashboard on the OS Benefits platform, displaying available perks and how to redeem them for a straightforward user experience. https://cdn.sanity.io/images/23rtr9c0/production/ba62c0e8ca98758473c003a2307c693c525155a1-932x1410.png OS Benefits brand identity photograph with an apple and fork on plates, symbolizing the connection to the food service and hospitality industry. https://cdn.sanity.io/images/23rtr9c0/production/47cb43994b1cd63aa029eb26c69c63bbb1ddebf7-1476x1850.png Examples of employee benefits available through OS Benefits, organized by category to provide a clear overview for hospitality staff. https://cdn.sanity.io/images/23rtr9c0/production/af44d1847b541fc2abed4ffe7fe8438c4509da4c-3000x2000.png Display of available modular components used to build pages on the OS Benefits platform, ensuring brand consistency and creative flexibility via the shared headless CMS. https://cdn.sanity.io/images/23rtr9c0/production/b73b8c543319956f669b863822e144e4d570b284-3000x2000.png Section of the OS Benefits platform explaining the different types of employee perks available, helping users understand and redeem their benefits effectively. https://upclose.studio/web-dev/pertex-scroll-driven-website 2025-07-24T09:37:48Z yearly 0.8 https://cdn.sanity.io/images/23rtr9c0/production/fb88308e606cafd0999def240bacce650744c08b-3000x2000.png Homepage of the Pertex website, showcasing a refined web experience with immersive storytelling and seamless interactivity for their high-performance fabrics. https://cdn.sanity.io/images/23rtr9c0/production/58197d31fbe93e33236d75e77b920c1da1f92190-3000x2000.png Full-page menu navigation on the Pertex website, designed for intuitive exploration of their high-performance fabric technologies and brand heritage. https://cdn.sanity.io/images/23rtr9c0/production/ea9f43f6a29c6b57ee4ef26dd7b94ac03febd32d-1920x2400.webp Photograph from a Pertex event showing a person interacting with a fabric banner, highlighting the tactile nature of their innovative materials. https://cdn.sanity.io/images/23rtr9c0/production/40d5297712dd3dbaeb95bd14aed443d6cb2a1d50-1476x1850.png Hover animation showcasing the range of Pertex high-performance fabrics available on the website, part of the engaging and interactive user experience. https://cdn.sanity.io/images/23rtr9c0/production/0159ca50c20d98d01d9ca83adb543fa870e0c0e7-3000x2000.png Visual display of Pertex Quantum fabric's key features, accompanied by illustrative drawings, demonstrating the material's technical benefits on the website. https://cdn.sanity.io/images/23rtr9c0/production/0a5410df461b1d410ff28a70a135182c91c2286b-1920x1206.webp Photograph of Pertex weaving machines in action, offering a glimpse into the manufacturing process of their pioneering high-performance fabrics. https://cdn.sanity.io/images/23rtr9c0/production/94727723817034a82dac43f3f3cf512c8618e94c-1476x900.png Lottie animation illustrating a cross-section of Pertex material, providing a dynamic visual explanation of its construction and performance. https://cdn.sanity.io/images/23rtr9c0/production/590f454517edf1aa7371a3c738a8718d98a40bce-1476x900.png Scroll-triggered year animation on the Pertex timeline page, part of the immersive 'scrollytelling' journey through the brand's heritage and innovation. https://cdn.sanity.io/images/23rtr9c0/production/f4b9a0573067d0ee6c863ae6e09bc65d3cb22b79-1476x900.png Example of large typographic elements animating on scroll, a feature of Pertex's 'scrollytelling' design that enhances user engagement and narrative flow. https://cdn.sanity.io/images/23rtr9c0/production/405e71d98a69f3cb3eb24ca69714245c4e434f3e-3000x2000.png Parallax scrolling effect on the Pertex website, where images move at a different speed than text to create depth and an immersive browsing experience. https://cdn.sanity.io/images/23rtr9c0/production/f1d0cc90b1ccbb6f48a46995da7028bd9e4349f3-1476x900.png Visual representation of Pertex's environmental commitment progress, likely a dynamic and interactive chart showcasing their sustainability efforts. https://cdn.sanity.io/images/23rtr9c0/production/39350064085f84a649a57d58812b909e054628c2-1476x900.png Animated bubbles revealing an image background, demonstrating a custom-built scroll-triggered animation on the Pertex site for smooth and engaging visual storytelling. https://cdn.sanity.io/images/23rtr9c0/production/85f0990b1cf48a600c1585842b74a5e77c2123a4-3000x2000.png Interactive map of England and Japan on the Pertex website, with origin places appearing on scroll, part of their 'scrollytelling' narrative about brand heritage. https://cdn.sanity.io/images/23rtr9c0/production/098448043e683a475fea5cabc9c18f8448b1f141-2988x1990.png Scroll-triggered animation of a cloud of smoke on the Pertex website, an example of bespoke animations designed for performance and visual appeal using Locomotive Scroll. https://cdn.sanity.io/images/23rtr9c0/production/21873079f1621c13fa00e1afff84323bcc26598b-3000x2000.png Subtle background animation of a net-like pattern moving with scroll input, enhancing the immersive exploration of Pertex's fabric technologies https://upclose.studio/ Image from a Pertex event showing numbers projected onto a fabric banner, illustrating innovative ways the brand showcases its technology. https://cdn.sanity.io/images/23rtr9c0/production/e63ce40b0a51a8e17c6e5b079a2280850957a111-1476x976.png Detailed vector graphic diagram showing a cross-section of a Pertex yarn, ensuring crisp, pixel-perfect detail on all devices. https://cdn.sanity.io/images/23rtr9c0/production/39686085ac7c811124369895a22393ffbf28af25-1476x976.png Animated rotating diagram of a Pertex yarn, dynamically showcasing its structure and built for responsive, smooth performance across screens. https://cdn.sanity.io/images/23rtr9c0/production/673e6425cd58c95abd3c1504f62535c050f74a9e-3000x2000.png Close-up view displaying the intricate details of a Pertex fabric, highlighting its texture and quality through high-resolution imagery or vector graphics. https://cdn.sanity.io/images/23rtr9c0/production/867223caa68073dcbc3dce14e8a89ad0947c4b93-1476x900.png Technical diagram of Pertex fabric technology presented on a grid, likely a dynamic and responsive visual tool for explaining material properties. https://cdn.sanity.io/images/23rtr9c0/production/ec83c8be2b1dcbba35ab1bb338f1034bdad002e6-1476x900.png Looping video, potentially using the 'video-as-image sequence' technique, showing the multiple layers of a Pertex material for enhanced performance and fluid browsing. https://cdn.sanity.io/images/23rtr9c0/production/db1a4fe051c5ab24b9a05bc2f94cfc8416959464-3000x2000.png https://cdn.sanity.io/images/23rtr9c0/production/5e41a6ede21771bab4071b805f99c2d27d449835-3000x2000.png https://upclose.studio/web-dev/saatu-algorithmic-identity-sound-designer-portfolio 2025-07-24T08:56:33Z yearly 0.8 https://cdn.sanity.io/images/23rtr9c0/production/2165ea8baed2a54a0a6fedc3b5cd648a62bf955c-3000x2000.png Homepage of SAATU's (Sound Advice & Advanced Transmissions Union) sound designer portfolio, showcasing their algorithmic identity and unique barcode branding system. https://cdn.sanity.io/images/23rtr9c0/production/8b7bf7e2a9d7edd878b8d24a21896ec07d7153da-3000x2000.png Animation on SAATU's portfolio demonstrating how a unique project ID algorithmically transforms into a generative barcode and integrates with the project title, highlighting their digital-first identity. https://cdn.sanity.io/images/23rtr9c0/production/80cb321cd49ce9c08a2f4c94e6126f89807f492c-3000x2000.png About page of the SAATU online portfolio, detailing their sound design services and the philosophy behind their Systems Studio-designed algorithmic brand identity. https://cdn.sanity.io/images/23rtr9c0/production/608335b9d0c9fd4e33c267bec8d5aea090e222a8-3000x2000.png Diagram illustrating the frontend construction of SAATU's generative barcodes, showing how an eight-digit number maps to graphic patterns assembled in a 4x2 grid using divs. https://cdn.sanity.io/images/23rtr9c0/production/18d27bfa52d2fd6b96470ec1ca4c6e0329f05cd8-1476x1850.png Animation showcasing the variety of unique graphic patterns available within SAATU's algorithmic barcode generation system, emphasizing the distinct yet systematic nature of their visual identity. https://cdn.sanity.io/images/23rtr9c0/production/316788fe8445041e8d4cef9acda37b6d72809edb-1476x1850.png Example of a SAATU generative barcode pattern overlaid on a video project, demonstrating the integration of their unique branding across media. https://cdn.sanity.io/images/23rtr9c0/production/f2dd0754ec94e8ac9b149900b6c713c9bdc0022b-3000x2000.png Section of SAATU's portfolio displaying related projects, each featuring its own unique, algorithmically generated barcode, underscoring the distinct identity per project. https://cdn.sanity.io/images/23rtr9c0/production/631e89d3c638c6686bbad190903fdcce86f46228-1476x1850.png Animation of the project selection dropdown in the internal branding tool developed for SAATU and Systems Studio, used to generate custom visuals from project barcodes. https://cdn.sanity.io/images/23rtr9c0/production/594e917d68458ea8b5e8b93a2e25d5b3af566016-1476x1850.png Example of a promotional asset created using SAATU's internal barcode generation tool, showcasing customized patterns, colors, and image overlays for brand coherence. https://cdn.sanity.io/images/23rtr9c0/production/4cb616450efe22749af55e14166961885a348a27-3000x2000.png View of SAATU's custom video player, featuring an integrated audio waveform powered by waveform.js, visually highlighting the sound design. https://cdn.sanity.io/images/23rtr9c0/production/447c262840a4e98d98764352d0264b9c33e984be-1476x900.png Close-up of the volume animation on SAATU's custom video player, where the audio waveform visually reacts to sound levels, enhancing the focus on sound design https://cdn.sanity.io/images/23rtr9c0/production/dd6220ee8725c9cb1e1c59425abef79d0262cad1-1476x900.png Play button detail on SAATU's custom video player, emphasizing the user interface designed to highlight the audio experience with integrated waveforms. https://cdn.sanity.io/images/23rtr9c0/production/290bbae3878d31f09d7a8a7a7140e3d576cc2435-1476x1850.png Example of a SAATU generative barcode pattern overlaid on a static image, demonstrating the flexibility of their branding tool for creating diverse promotional assets. https://cdn.sanity.io/images/23rtr9c0/production/48114a69abe779f08fa34d944f1dbb789f065368-1476x1850.png Screenshot of the project editor interface in Hygraph, the headless CMS used for SAATU's portfolio, showing how the team manages content and MP3 files.