https://louisemarydesign.com/home daily 1.0 2022-05-16 https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/46a1ae2d-6f39-4e11-938e-c46b56c93a82/Screenshot+2022-05-13+at+11.50.53.png Home - Feel free to contact me for a coffee or a walk to chat about design! https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1652447586301-M6HZM8XGG9KKKPQ9Q8A7/Screenshot+2022-03-10+at+17.21.05.png Home https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1652447759923-9DYTTIIESB9ZN97MWRC7/cd85b5e05a2caae80b24f180390af0c6.gif Home https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1652447858165-CRYO44FCTEQX83OBB71A/Screenshot+2022-03-26+at+12.44.02.png Home https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1652447911080-W2CV3AWWTJJGBYV5F267/Screenshot+2022-05-13+at+12.37.53.png Home https://louisemarydesign.com/projects daily 0.75 2022-05-13 https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/a9ec032e-695c-43ed-9ae7-78263d60a106/Screenshot+2022-04-04+at+14.37.35.jpg Projects - EcoWeeb. Project Name: EcoWeeb Role: This was my first large scale UX/UI project. My role was UX/UI lead , encompassing UX research: competitor and user, wireframing, prototyping and building the website itself. This was a 360 project. Project Specification: Building an interactive , comprehensive space for an environmental consciousness blog. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1199d36b-e7c1-4564-aa89-020f89e7f24e/Screenshot+2022-05-08+at+18.24.04.png Projects - Cher Iris. Project name: Cher Iris Date: Still in progress Role: Lead UX/UI and content designer. Project Specification: Designing a e-commerce store for high-end luxury skin care products , emphasising the eco nature of the company and ensuring the site is as accessible and inclusive as possible. https://louisemarydesign.com/cher-iris daily 0.75 2022-05-08 https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/811b6b90-20d1-4099-b6de-a7b139a56ebc/Screenshot+2022-05-08+at+18.21.33.png cher iris Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/7785994b-4cfc-46ee-aceb-396835af9ea8/Screenshot+2022-05-08+at+19.29.37.png cher iris - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/fd628f75-96e7-4003-b93b-8c15f2393cff/Screenshot+2022-05-08+at+19.28.42.png cher iris - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/a7ec9c9a-0209-4501-b434-59aaa120625c/Screenshot+2022-05-08+at+18.21.01.png cher iris - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg cher iris https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1608066266418-CHQC49XZZNQKNA7TGGP4/20140228_Trade-151_0046.jpg cher iris https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg cher iris https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg cher iris https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg cher iris https://louisemarydesign.com/cher-iris-1 daily 0.75 2022-05-12 https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/2b0a0a1e-94ea-4136-be7a-1526b0aed869/Untitled+design+%281%29.png Ecoweeb - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/9152a8b7-8916-4606-8eb8-1e16b38734c9/Competitor+Research.png Ecoweeb Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/305d5a28-1d1e-4980-8672-21299accaa75/Untitled+design+%286%29.png Ecoweeb - The Success Story Page This page was designed with the emphasis of ‘climate success’ that the brand is eager to promote, as there is so much climate angst. At the top of the webpage, I placed a famous quotation by Dr. Sylvia Eagle (which, if you have endured seaspiracy you will know very well) and image slot that matched the theme of the blog to create a soothing introduction to this page and inspire those who visit it. The article aspect ‘ people who are making a difference’ is designed to showcase the specific articles that are tagged under ‘Climate success’ and will start to look more cohesive as the writers add more content. Again, I wanted to segregate these sections to really emphasise the importance of this category especially aligning with the brand itself and honouring the emphasis on positive action. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/4ff57485-39da-4d8a-b635-c761c1202308/Screenshot+2022-04-29+at+16.41.44.png Ecoweeb - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/2c76eeaf-fd9c-4e13-b622-d32b30dbde2c/Screenshot+2022-04-29+at+16.42.12.png Ecoweeb - Article layout- Wireframe After looking through competitors article layouts I knew I wanted to implement a sleeker, more defined segregation of article links. This particular design lays out all the key components necessary for the reader and even includes the interactivity of the comments and like count. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/c263d13b-c5e1-4cd9-9006-41f748a5beee/Untitled+design.gif Ecoweeb - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/f72c4232-2eaf-4658-99b8-d7d5ad2b7269/Screenshot+2022-05-12+at+14.30.27.png Ecoweeb - Colour Scheme The brand is based on environmentalism and after discussing the needs and wants for the design, it became apparent that an array of colours should be used but in the hues of nature. Therefore, I opted for many different greens and blues to convey colours associated with the earth and ocean. On the left, you will see the eight main colours in the scheme which makes up the main design features of this blog. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/7931ab14-c758-4c6b-bffd-24f001fa7f6f/Screenshot+2022-03-26+at+12.45.07.png Ecoweeb - Using this particular layout of the article works really well with meeting the goals we set earlier, from creating a good flow, not being cluttered and also being ‘on brand’. You can click anywhere on the article tabs and be directly transported to the desired article. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/c0bf1dd1-4a8c-43db-a6a6-83039a95af6b/Screenshot+2022-05-12+at+15.11.07.png Ecoweeb - Make it stand out Designing For Mobile As you can see from the images above, the logo has changed. I designed the new logo and you will soon be able to find it in my portfolio! In terms of adjusting the blog for mobile use, I simply took the same core values which with this project were outlined well and therefore made the transition easier. The main difference is the way you navigate the site itself. Instead of a navigation tab, which would not make the most sense in terms of usability on a mobile device, unless you have the large phones- we can navigate through the fun menu icon. The menu acts just the same as the navigation bar but is just more accessible for those interacting with the website on their mobile. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/8440f157-8e7b-460c-9888-d41761d17bd9/Screenshot+2022-03-26+at+12.44.19.png Ecoweeb - Paying Attention To The Finer Details As the goal of the brand is to educate and help others change their lifestyle, this section is an underdog. Creating quick links to the most vital articles that provide this information directly helps enhance user flow and reduces the time the user spends thinking about which blog to read. Not to mention, this layout helps get across the most vital information quickly. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/e96e5dfc-fbec-48a4-b187-55629d0e64cb/Screenshot+2022-05-11+at+13.49.09.png Ecoweeb - Make it stand out When you are using the navigation feature, the page you are on and click on changes colour to show you where you are. This is simply a nice feature to have when you’re exploring new webpages. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/b2e049e3-4c59-4a22-9af0-6f602c1dfd76/Screenshot+2022-03-26+at+12.44.42.png Ecoweeb - The Contact Page The contact page should always be clear and concise, capturing the right information for the blog owner and providing enough space and freedom for the user to convey themselves clearly. Therefore, we have clean input sections that are interactive and simple to use. https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/882f034c-16b8-4574-a783-50e03057f8a8/Screenshot+2022-03-26+at+12.44.31.png Ecoweeb - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Ecoweeb https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Ecoweeb https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Ecoweeb https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1652190648216-T4YZUL7BJPV3EIN31U44/031.png Ecoweeb https://images.squarespace-cdn.com/content/v1/6270538c313e9b357344d374/1652190685203-AJ1KEIAJJ593IAHVEVIL/174.png Ecoweeb https://louisemarydesign.com/contact daily 0.75 2022-05-12 https://louisemarydesign.com/home-1 daily 0.75 2025-05-12