Protected: Hotel wifi design
Password Protected
To view this protected post, enter the password below:
White Guide App Redesign
White guide App Redesign
case study
client
White Guide is the leading guide system for restaurants, bars, Café who are leading the the field of gastronomy and restaurant culture in the Nordic region. In Sweden, their guide has been published since 2005. Every year, about 800 restaurants are tested and assessed, of which 600 are given a place in the guide. White Guide performs their tests anonymously (with a table order in fake name) with serious and innovative hook, fully transparent about the assessment criteria with a high level of journalistic integrity.
Problem
In 2013, WG had a problem with their app not being updated to the current style of design. The world was moving into more of flat style design following Human Interface Guidelines set up the respective mobile platform. WG wanted to update their at the same time wanted to create a system where users would benefit of their function.
In addition, WG wanted a solution where users can consume guide through the app and at the same time bring in some form of digital revenue for the brand by selling digital products through the app.
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 restaurants and their review model that are present in the open web and gathered necessary information about the usability and patterns for this project.
The app has the ability to search restaurants and cafes that were rated by White Guide. I designed on the conceptualization to delivering the digital assets for the mobile developers for the 2 platforms iOS and Android.
Using paper prototypes method and sketching I was able to map out the whole app design structure and how it will help the business and the users. After the decision is established for the structure, I designed the necessary prototypes for the stakeholder to review and approve it.
Solution & Impact
The whole app was redesigned from the scratch to give a minimalist and simple view to be in line with the brand. After the app was launched we were able to observe more usage of app and through the in-app purchase model of the app we were able to provide solution in a way that is consumable by the user.
My Role
- Market Research
- UX/UI Design
Related Projects
Prvent hiv website
Esa Investor relation 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
Preventhiv Locations
Upcoming Events
Awareness Videos
Homepage
Related Projects
Shift management
ESA ir website redesign
Protected: Shift Management Enterprise Portal Product Design
Password Protected
To view this protected post, enter the password below:
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
