Prsuit

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!