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!