Digital designer made to create experiences through ux/ui, graphic design, illustration, photography, animation
Our future
project
together?
Hi there! Isabelle Dubar is the name and I’m 25-years old. I graduated 3 years ago in Digital Design at Yrgo and immediately started working as a designer for a small company in my hometown Gothenburg. My wish is to continue to explore and evolve within the same field.
The process of producing an idea or concept, whether it’s in an office among colleagues or at my desk at home, has always been a genuine joy for me.
Illustrations, photos or other made by me whenever I've realised that I have free will.
I hope you are at least a little bit intrigued by me –
You have reached the bottom of the page after all.
Don't hesitate to contact me if you are interested in collaborating.
isabelle.dubar@live.se
isabelle_d_designs
Isabelle Dubar
I got the opportunity to redesign and develop the website of Petra Hellberg to promote her work as a nurse and newly published author.
Having a long resumé working primarily as a nurse at hospices and releasing her first book about her experiences, Petra wished for a website to refer to for interested collaborators and readers – a website that reflected her.
The result came to be a page with clearer navigation, spacious layouts and elements that draws the users attention.
Petra and I had good communication throughout the whole process which produced an outcome both me and her were happy with. This is roughly how it turned out:
Interview-like conversation with Petra about her wishes for the page.
Analyzing similar websites and creating a vision moodboard.
Use the research to shape the framework of the page and review it with Petra.
Finalizing the visual design in Figma in preparation for coding.
Developing the website in Wordpress and iterating some design.
Petra already had a website, but both agreed that it lacked structure, clear navigation and most importantly – the soul of Petra. Some pages were filled with long paragraphs of text that got tiresome to read due to it's deficiency in hierarchy. However, it was a basis to start with.
We began the process by discussing what the purposes of the site was and how Petra wanted her story to be told. She had several ideas and visual examples of improvements but felt uncertain of what direction to go for.
So I gathered all her wishes, thoughts and decisions and set out to search for inspiration from other author's websites as well as write down some of my own ideas and thoughts to figure it out.
To two images are two pages of the old design.
Petra resonated with the moodboard that I later on showed her. The colors were picked from images she'd herself taken, bringing a part of her life into the design. The robin, swans and painting all had deep meaning to her, while her celebrity crush Anthony Hopkins chanting "death" brought a bit of humor to it.
I made the whole website in a wireframe style first. It's one of the most valuable steps when designing digital interfaces for many reasons; partly since it focuses on creating a logical layout for the targeted group first, without getting distracted by what colors or type of font to use.
I showed and explained the wireframes to Petra who had no complaints. We settled for having five pages: start, about me, authorship, archive and contact. With these five pages the user would get to know Petras personal and professional history and life.
I made sure to create an even balance between text, images and open space to ensure that the user didn't get overwhelmed with information. By varying the layouts and combining components, I tried displaying the information in different ways to keep the interest high for the future reader.
Petras website was created with Wordpress and for the sake of simplicity and time efficiency (I'd worked in WP before) we decided to continue using it. I used Elementor to redesigned it and while it was helpful because of it's easy drag and drop functionality - it also brought it's limitations.
For example: the multiple illustrations that were supposed to be placed throughout the website. They proved difficult to implement without losing visual quality and are therefore not shown on the website yet.
Those details as well as some others made me have to go back and rethink some design choices. But Elementors functionality wasn't the only obstacle; it was also my lack of coding skills. When time is free, I'm going to go back to this project and try to make some details, like the illustrations, work.
