Didrik Steen Hegna
Head of Design at Crystallize
Bio
With a 4 years formal education in digital design and 8 years and counting professional experience working with design and development, Didrik is a digital toolbox with a vast skillset including strategy, design, user experience, development, architecture and product management. A true unicorn
Blog Posts (4)
Best Design Practices for Crafting Engaging and Effective eCommerce Websites
Sure enough, staying true to your brand’s identity matters, but it matters just as much as creating a seamless, engaging shopping experience that easily guides visitors from the homepage to checkout. It matters just as much as your website performance or having an omnichannel strategy in place.
Given that the design of your eCommerce store depends greatly on your product, product industry standards, and audience expectations, crafting a one-size-fits-all web design guide is not really feasible.
So, instead of creating a universal blueprint for eCommerce web design, here we’ll focus on articulating a set of best practices we see successful online stores (our clients) implement, be it for the sake of UX or SEO or they are simply cool to have 🙂
A New Way To Manage Roles and Permissions
Authentication, authorization, and access control to a cloud service is an important topic, especially when rolling out in larger enterprises. When we decided to level up the roles and permissions in Crystallize, we wanted to think differently.
How can we make a role-based permission system that is easy to understand and efficient to use?
Content Modeling Using Figma Design System
A great content model is the best starting point when starting a new webshop, App, or marketing website. The content model serves as documentation and overview and connects information architects, designers, developers, and business stakeholders. We have created a design system in Figma for content modeling.
Simple Responsive Illustrations in Plain HTML
When using illustrations, infographics, or diagrams you would often like to use a simplified version for mobile devices vs a full desktop display. Using the picture tag and a simple media query you can easily do this in good old HTML. No JavaScript or CSS trickery is needed. The same technique can also be used to serve responsive images that are optimized for site speed.