Selva International

Website Redesign (passion project)

selva international website preview

Live Webiste

Click here

The Problem

The old website was very disorganized and not responsive. The site also had too much text that could easily be summarized. Information was also repeated on my sections; this tends to send visitors to other websites instead. Another issue is that some information could have used better if it was used onn other sections rather than on the current one.

The Solution

The solution was to develop a clean looking website, where visitors would not leave due to a bad user experience /interface design. I decided to make the website responsive because today most people use mobile phones or tablets to look at websites. I also decided to use typography to improve both the user experience and user interface.

The Process

The first step was to study the website and see how I could improve the design. Then I created an information architecture map. The next I took was to create a high fidelity prototype. After creating the prototype I coded the website. For a detailed description of the steps please see the images below.

Date

November 2017

Roles

  • Front End Developer
  • UI Designer

Software Used

  • Visual Studio Code
  • Adobe XD
  • Adobe Illustrator
  • Adobe Photoshop
  • Axure RP

Skills Used

  • Front End Development
  • UI Design
  • Prototyping

Web Languages

  • HTML/CSS
  • JavaScript/jQuery

Information Architecture

I used Axure RP to create the this information architecture. I only ended up only creating one version because the website didn't have many sections.

information architecture map of selva International

Style Guide

I used Adobe Illustrator to create the style guide.

selva international website style guide

High-Fidelity Prototype

The reason why I decided to skip a low-fidelity prototype version is because this particular website didn't have much content. I conducted an usability test with this prototype and the users that not suggest any changes, so I just hand coded the website after this prototype. I used Adobe XD to create it. If you would like to see the website please click here.

image of selva International prototype