Moss Design
01
Research
02
Brand strategy
03
UI/UX design
04
Graphic design
05
Marketing collateral
Optimized Website Refresh
Showcasing their holistic architectural designs and services took center focus during the collaboration between ArtVersion and moss design.
Looking to refresh the design and development of their website, moss was seeking to modernize their digital presence with a better look and feel that captured their work and company ethos. ArtVersion designed a website that elevated its design language with rich, optimized visual assets and photography that captured every detail of its spaces, with a variation of proportions and sizes for visual interest. Further, the site was also developed with intuitive functions and mobile-ready interactions.
Design Systems
UI Screens
UI Screens
Web Design
Responsive Design
Mobile
Poppins
Light
Poppins
Regular
Poppins
Semi-Bold
Poppins
Bold
Typography
Poppins was the selected font choice for the website because it encapsulated the simplicity and minimalism that the website was leaning toward. Its uniform thickness and balanced spacing provided that tidy and uncluttered look and feel that the team was seeking. As it supports a wide range of weights and styles, Poppins offered subtle but significant differentiation without compromising the overall simplicity.
Color Selections
To mirror moss's commitment to sustainability and holistic design, ArtVersion crafted a color palette that reflected this ethos and injected vibrancy into the design. To introduce a lively element that resonates with moss's logo, the team incorporated a color story of vibrant and colorful hues. This addition brought just the right amount of visual interest to the site, balancing simplicity with engaging color.
Magpie Green
#BFD34B
Monarch Orange
#EA8942
Sea Foam
#ECECEC
Snow Storm
#FFFFF
Black Jasper
#313131
Design Language
The website’s design prominently embraced a minimalist aesthetic, thoughtfully utilizing white space to accentuate its comprehensive collection of imagery. This deliberate design approach coordinated with moss’s brand identity, allowing their architectural designs to command attention. To enhance visual interest and maintain the minimalist theme, the site also incorporated geometric visual elements. The structuring of images within square blocks added a layer of sophistication, subtly complementing the architectural themes moss is known for, without overshadowing the showcased work.
UI/UX Development
To encapsulate moss's distinguished legacy, data migration was imperative.
ArtVersion's development team strategically transferred archived blogs, news, press releases, and project narratives into the redesigned website. This content was restructured within an engaging, user-friendly page layout and hierarchy, breathing new life into the web pages. In the process of backend development, the team also refined the categorization of each project, enhancing the user journey and simplifying the search for specific projects.
The result was a significantly improved website experience that enhanced moss's digital presence and highlighted their holistic and sustainable architectural designs. Their refreshed digital platform was now poised to better serve the architecture team and attract future clients.
