Preventhiv Website

Preventhiv Website

Preventhiv website

case study

client

Preventhiv is a collaborative effort between Lafa – the unit for sexuality and health, Smittskydd Stockholm, Venhälsan at Södersjukhuset, Infection Clinic 2 KS Huddinge, RFSL, RFSL Youth, RFSL Stockholm, Noah’s Ark and Posithiva Gruppen. Together, we make up the largest stakeholders in HIV prevention and treatment in Stockholm County. We represent both healthcare services and volunteer organisations and work with HIV testing, treatment, prevention and the rights of people who live with HIV.

Problem

In 2014, Preventhiv was tasked with the biggest challenge of communicating with the users about the need of prevention of the disease by publicizing awareness about HIV test centers. The main purpose of this website is the educate the masses to get their testing done in a safe and secure manner keeping in mind of the privacy. This website should provide necessary information about that to the users.

 

Another challenge they want to cover is language, since the world become a global community of people from all around the world living in a country they also want to communicate the same information to others who does not speak Swedish.

My Process

Understand

Research

Ideate & Prototype

Test & Iterate

The whole website was designed from the scratch using the wordpress framework providing necessary information and direction for the users using the website. From the design conception and making the mockups for the website was done and with the help of the final Photoshop psd file, I was able to transform the psd into a fully working theme under WordPress and Genesis Child theme for the website.
 
Using WordPress CMS system the client would be able to maintain, add new contents into the website. Another challenge is to bring translation into the website for different languages. This was achieved with the help of the translator plugin for word press where some of the text would automatically translated into the respective language with the ability to correct and save the correct translations with the help from translators relevant to the respective countries.
One top of it I was able to manage the hosting, domain directions, db setup for the project as a whole. The project was also delivered on the correct deadline.

Solution & Impact

After the code was deployed in NASDAQ server, we saw a huge traction of visitors for the website and it solved the usability issue of mobile web as the website was designed and developed to support responsive design. Engagement of the investor relations website improved.

My Role

  • Market Research
  • UX/UI Design
  • Design conversion to HTML/CSS

Related Projects

Shift Day view main image

Shift management

ESA ir website redesign

ESA Investor Relations Website Redesign

ESA Investor Relations Website Redesign

ESA IR Website Redesign 

case study

client

Extended Stay America (ESA) is a hospitality company that goes beyond basic accommodations. ESA provides long-term stays with fully equipped kitchens, wifi, on site laundry to make it your second home. The company owns and operates around 557 hotel properties and it is a public company trading under the STAY ticker on Nasdaq.

Problem

ESA had a legacy website that was not responsive and the design was outdated. The client was getting issues from the users about the usability on a mobile browser. There was frequent complaint about it as well. The client needed a website that would be responsive and it should be ported out to a third party vendor(NASDAQ) where it would be hosted.

My Process

Understand

Research

Ideate & Prototype

Test & Iterate

As part of my design process, I gathered all the necessary requirements from the business to understand what is needed and how to perceive the project. In the next step, I did a market research on how the patterns related to Investors are present in the open web and gathered necessary information about the usability and patterns for this project.

Using paper prototypes method and sketching I was able to map out the whole website structure will be design and how my design will help the investors. After the decision is established for the structure, I designed the necessary prototypes for the stakeholder to review and approve it.

After the design had been approved, I developed the necessary HTML/CSS code in line with the W3C guidelines and did also test for the responsiveness for different devices.

 

Solution & Impact

After the code was deployed in NASDAQ server, we saw a huge traction of visitors for the website and it solved the usability issue of mobile web as the website was designed and developed to support responsive design. Engagement of the investor relations website improved.

My Role

  • Market Research
  • UX/UI Design
  • Design conversion to HTML/CSS