LLD Website Concept

LLD Website Concept
LLD Website concept

The website consept for this overhaul of lauraljungqvist.se is to create a non-intrusive space, that is reminscent of an internet without ads.

For convenience the website was build with WordPress, WP Oceana Theme and Elementor. Initial wish list included:

  1. Incorperate DevTools audits to inspire the process.
  2. Cross device compatibility
  3. Light and dark theme 
  4. Speed
  5. Intentional copywriting
Find a link about the design choices, and all mentioned resources, at the bottom of this article.

1. Chrome DevTools Audits

To get to a minimum viable product quicker, my focus is on simple looking solutions, with a big impact. By including the guidelines from the Google Dev Tools audits, it would encourage me to keep things simple. 

This will allow me to learn a bit more about their prameters for performance, accessibility, best practises and SEO. And how they impact the process and the end product. In time, I will go more into the individual steps, but you can get the Chrome DevTools free from their website.

website score

Chrome DevTools

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser.

2. Cross Device Compatibility

By simplifying the content and design, I hope it will be easier to create consistency across devices. I don’t want there to be too much content that’s visible on desktop only. And I want to avoid creating content specifically for mobile only.

Hopefully soon I’ll write up a little more about the concept of working mobile first, screensizes and responsive web design.

Material Design

Material is a design system that helps teams build digital experiences.

3. Light and Dark Teme 

One important read thread in the website concept was to have both a dark and a light there. There’s research advocating for either side of this conversation, therefor I wanted to have both options with a toggle. 

Currently I am testing WP Night Mode by Marko Arula. It’s easy to get it started, and works across devices. This decision had a major impact on the design, which you can read in my article about LLD Website Design.  I’m writing a little bit more about dark themes, which should be live very soon. 

Toggle darkmode.

WP Night Mode

WordPress plugin which enables users to switch between Night and Day Mode.

4. Speed

Page speed and loading for become more important in resent years. It’s more accessible and a better user experience. Some of my design choices, such as CSS for both a dark and light theme, and using WordPress plugins, are going to have their impacts on the speed.

I want to go through some of the parameters of PageSpeed insights, and find ways that make sense, to optimize for speed whilst keeping a balance with the website concept. I still have some work to do.

website speed
website speed score: 79

PageSpeed Insights

Make your web pages fast on all devices.

5. Intentional Copywriting

Websites without text, lose their essence, but it’s easy to go overboard. When preparing for the text on the website, I’m considering the SEO, but I want to find a balance between the marketing elements and staying on brand. 

Some of the tips for optimizing SEO have a way of taking some of the uniqueness out of website content. The question I am asking myself is how much content I am willing to adjust for SEO, and where those lines are.

Resources

Chrome DevTools

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser.

Material Design

Material is a design system that helps teams build digital experiences.

PageSpeed Insights

Make your web pages fast on all devices.

WP Night Mode

WordPress plugin which enables users to switch between Night and Day Mode.

Continue Reading

Over the coming months I’ll go more into detail on the individual topics. Read more how the scope and brand influenced the design choise.

LLD Website Design

Design of lauraljungqvist.se

Laura

Laura Ljungqvist is a Dutch designer working from Sweden. She has a passion for organizing and her drive is ethical design. She's currently available for hire.

This Post Has One Comment

  1. Dakotah Anslow

    It’s amazing for me to have a site, which is helpful for my experience.
    thanks

Leave a Reply