Päronen.se

2024 | 5 weeks

Responsive design

Concept development

HTML/CSS

Päronen.se home page

Visit Päronen.se

About

Päronen.se is a concept of mine that offers young adults in Sweden good-to-know information that is relevant to adult life. The website is developed with HTML and CSS, and is responsive and compatible with different devices and browsers.

Process

I developed a project idea for a website that I then designed and developed into a high-fidelity prototype. The focus was on responsive web design and I have used various techniques and methods to ensure that the website is adapted and accessible to everyone. These include:

  • Mobile-first approach
  • Responsive images
  • Progressive enhancement
  • Progressive disclosure

I sketched for the mobile interface and then created low-fidelity wireframes in the tool Balsamiq.

First low-fidelity mobile UI Second low-fidelity mobile UI Third low-fidelity mobile UI Fourth low-fidelity mobile UI Fifth low-fidelity mobile UI Sixth low-fidelity mobile UI

Additional wireframes were then made for three different devices (mobile, tablet and desktop) in Adobe XD before moving on to the development phase.

Desktop wireframe of Paronen.se First tablet wireframe of Paronen.se Second tablet wireframe of Paronen.se First mobile wireframe of Paronen.se Second mobile wireframe of Paronen.se

Results

The project resulted in a developed concept for a website, illustrated through a high-fidelity and fully responsive web prototype. Since the goal and purpose of the project was to create a responsive website through common RWD techniques, less focus were held on the actual design. This was also due to the limited time I had to my disposal.

Visit Päronen.se