bionbh.blogg.se - Mail designer download

The most important feedback we got was issues with typography sizing.īeing agile as we are as team, we went back and blocked a day specifically for design refinements and clean up, where we re-looked at the whole type scale and redefined it.

We got some more feedback from product owners, SMEs and through more testing, so we had to do more iterations to the designs. With all the above mentioned in place ✅, signed off ✍️, it was now time to SHIP IT! 🚀 Et voila!Ī snippet of what it looks like as a final product (for now *cough* *cough*) We broke down all the components into their own sections to make it easy to navigate, resulting in:

Style - writing techniques/style, specifically for emails, typography scale and application, layout structure and composition, responsive grids and spacing,.

Introduction - component overview and breakdown.

We created and categorised everything under a simplified information architecture for the email design section, broken down like this: We already have our master design system - Elements - so it’s only right that the email section lives in the same place as a sub-category.īy doing so, we needed to ensure that Elements had clear sections. Having a component library and templates alone wasn’t enough we needed a place where everyone could access the information. We made sure to capture any design rules that we came up with that will further define these components for application, accessibility, scalability and educating others. Snapshot of the library Documenting like a proĭocumentation is very very important. Here’s a snapshot of what it looks like in our design system library today. And most importantly we had to make sure that everything was designed to scale. We also launched the system with email specific typography style and scale, responsive layouts, margins, image ratios and guides for writing digital copy. It wasn’t easy, matter of fact it was very intense! But by the end of the design sprint, we were all systems go: we delivered 150 components and eight templates, all designed using the atomic design methodology (Read Brad Frost’s atomic design to learn more). This was expected, as we strategically planned for it to fall in the post design sprint days.

The overall feedback was really good, with just a few change requests. We were now at the point of playing back the outcome and insights with key stakeholders to get the green light. As they weren’t performing as anticipated.įollowing suit with our design process, it was back to designing for us, incorporating the changes according to testing results. With the test results in, feedback showed that we needed to fix a few design components and typography styles. Now, the next step was to create some quick prototypes and do some qualitative testing with some users. That’s quite the buffet if you ask me! And in just a short period of time.Ĭhurning and pushing pixels like our lives depended on it, everything was set, and the first drafts of templates were ready. Deliverables by the end of the design sprint included a whopping 150 components and eight email templates.

By splitting the workload between a team of four UI designers and one front end developer (Ameen, Satish, Anna, Nisar and myself) with close involvement from the product owner (Ruah) and the copywriter (Charlotte).

We strategised the course of action to deliver the design system library and templates. Getting everyone’s input from the beginning helped steer the project on the correct course by understanding requirements from different perspectives and most importantly translating those requirements into an enhanced user experience. Miro was our tool of choice to capture ideas, research and benchmarking. Designers, product managers, brand, marketing, copywriters, developers and guest experience. We started off with ideation and discovery, from there-on having the relevant SMEs in the room, i.e. It had to be in a hybrid format given the pandemic restrictions 😷, that means it was a mix of virtual and physical collaboration. We approached this project with our agile and design thinking hats on, opting for a five-day design sprint. A single source of truth for all things email.This took some serious back and forth lengthy discussions and consensus between teams and product owners.Įnter 🥁 … email design system: the solution that will create that much needed domino effect. How can we bridge the consistency gap and enhance the email experience, whilst minimising time to market, design debt and increase overall collaboration? The solution