PRSUIT

 

MY ROLE: UI DESIGNER/WEB DEVELOPER

DURATION: 2 WEEKS

TOOLS: SKETCH APP, GITHUB, TEXTMATE

CODING LANGUAGE:HTML, CSS, JQUERY

GOAL


Prsuit needed cohesive branding and seeks a platform where it could effectively engage with its user base; to communicate its goals and brand identity.

​

SOLUTION

​

Design and code a landing page to feature Prsuit. Serves as a platform that effectively speaks directly to Prsuit target user base and effectively communicates the functions of the application.

​

​

DESIGN PROCESS

WIREFRAME | HI-FI MOCKUP | ITERATION | CODEING

WIREFRAME

Based on the concept client provided, i sketched two wireframes for the website. Also I came up a color theme based on client’s logo.

​










HI-FI MOCKUP

After I conducted the user survey, I decided which layout I would use and started the high-fidelity mockup.











​

​

​

ITERATION

After the high-fidelity mockup, I conducted another user survey. 

The purpose is to validate if the website present a legit, modern and trustworthy brand identity to user.

Here is the major changes:

  • Added gradient into the color pattern, make the website more modern.

  • Added ACT in hero image section to encourage user explore more about the website.

  • Added a brief introduction of the app in "Feature" section so that user will know the function and mission of the app.

​

​

​

FINAL MOCKUP 

(With Mobile Responsive Design) 

PROTOTYPE

Please feel free to head over to GITHUB to check out the final site!