|
UI/UX
|
WEB DESIGN
TRIPATRA WEBSITE REVAMP
YEAR
2023
MY ROLE
UI Design, Conceptualization
PROJECT TYPE
UI/UX, Web Design
|
UI/UX
|
WEB DESIGN
TRIPATRA WEBSITE REVAMP
YEAR
2023
MY ROLE
UI Design, Conceptualization
PROJECT TYPE
UI/UX, Web Design
|
UI/UX
|
WEB DESIGN
TRIPATRA WEBSITE REVAMP
YEAR
2023
MY ROLE
UI Design, Conceptualization
PROJECT TYPE
UI/UX, Web Design
|
UI/UX
|
WEB DESIGN
TRIPATRA WEBSITE REVAMP
YEAR
2023
MY ROLE
UI Design, Conceptualization
PROJECT TYPE
UI/UX, Web Design
|
UI/UX
|
WEB DESIGN
TRIPATRA WEBSITE REVAMP
YEAR
2023
MY ROLE
UI Design, Conceptualization
PROJECT TYPE
UI/UX, Web Design
|
UI/UX
|
WEB DESIGN
TRIPATRA WEBSITE REVAMP
YEAR
2023
MY ROLE
UI Design, Conceptualization
PROJECT TYPE
UI/UX, Web Design
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 71 64" xmlns="http://www.w3.org/2000/svg"><g d="M 11.248 63.943 C 6.83 63.943 3.205 62.074 1.28 58.789 C -0.589 55.504 -0.42 51.427 1.846 47.632 L 25.747 6.23 C 26.54 4.531 27.786 3.115 29.258 2.039 C 30.844 0.906 32.77 0.17 34.695 0 L 35.715 0 C 37.697 0.17 39.623 0.85 41.209 2.039 C 42.738 3.115 43.984 4.588 44.777 6.287 L 68.678 47.688 C 70.887 51.54 71.113 55.618 69.244 58.846 C 67.375 62.131 63.75 64 59.276 64 L 11.248 64 Z M 39.793 8.835 C 39.396 7.929 38.773 7.193 37.98 6.627 C 37.188 6.06 36.225 5.72 35.262 5.607 C 34.299 5.72 33.393 6.06 32.6 6.627 C 31.807 7.193 31.184 7.986 30.788 8.835 L 6.717 50.464 C 4.225 54.768 6.264 58.28 11.191 58.28 L 59.219 58.28 C 64.147 58.28 66.186 54.768 63.694 50.464 Z M 39.793 8.835 C 39.396 7.929 38.773 7.193 37.98 6.627 C 37.188 6.06 36.225 5.72 35.262 5.607 C 34.299 5.72 33.393 6.06 32.6 6.627 C 31.807 7.193 31.184 7.986 30.788 8.835 L 6.717 50.464 C 4.225 54.768 6.264 58.28 11.191 58.28 L 59.219 58.28 C 64.147 58.28 66.186 54.768 63.694 50.464 Z M 35.512 50.52 C 33.885 50.52 32.566 49.202 32.566 47.575 L 32.566 47.575 C 32.566 45.949 33.885 44.63 35.512 44.63 L 35.512 44.63 C 37.138 44.63 38.457 45.949 38.457 47.575 L 38.457 47.575 C 38.457 49.202 37.138 50.52 35.512 50.52 Z M 35.512 41.572 C 33.885 41.572 32.566 40.253 32.566 38.627 L 32.566 23.335 C 32.566 21.708 33.885 20.389 35.512 20.389 L 35.512 20.389 C 37.138 20.389 38.457 21.708 38.457 23.335 L 38.457 38.627 C 38.457 40.253 37.138 41.572 35.512 41.572 Z" fill="transparent" height="64px" id="wUcEK4PST" width="70.50461479944533px"><g d="M 11.248 63.943 C 6.83 63.943 3.205 62.074 1.28 58.789 C -0.589 55.504 -0.42 51.427 1.846 47.632 L 25.747 6.23 C 26.54 4.531 27.786 3.115 29.258 2.039 C 30.844 0.906 32.77 0.17 34.695 0 L 35.715 0 C 37.697 0.17 39.623 0.85 41.209 2.039 C 42.738 3.115 43.984 4.588 44.777 6.287 L 68.678 47.688 C 70.887 51.54 71.113 55.618 69.244 58.846 C 67.375 62.131 63.75 64 59.276 64 L 11.248 64 Z M 39.793 8.835 C 39.396 7.929 38.773 7.193 37.98 6.627 C 37.188 6.06 36.225 5.72 35.262 5.607 C 34.299 5.72 33.393 6.06 32.6 6.627 C 31.807 7.193 31.184 7.986 30.788 8.835 L 6.717 50.464 C 4.225 54.768 6.264 58.28 11.191 58.28 L 59.219 58.28 C 64.147 58.28 66.186 54.768 63.694 50.464 Z M 39.793 8.835 C 39.396 7.929 38.773 7.193 37.98 6.627 C 37.188 6.06 36.225 5.72 35.262 5.607 C 34.299 5.72 33.393 6.06 32.6 6.627 C 31.807 7.193 31.184 7.986 30.788 8.835 L 6.717 50.464 C 4.225 54.768 6.264 58.28 11.191 58.28 L 59.219 58.28 C 64.147 58.28 66.186 54.768 63.694 50.464 Z" fill="transparent" height="64px" id="KCuK_oD0g" transform="translate(0 0)" width="70.50461479944532px"><path d="M 11.248 63.943 C 6.83 63.943 3.205 62.074 1.28 58.789 C -0.589 55.504 -0.42 51.427 1.846 47.632 L 25.747 6.23 C 26.54 4.531 27.786 3.115 29.258 2.039 C 30.844 0.906 32.77 0.17 34.695 0 L 35.715 0 C 37.697 0.17 39.623 0.85 41.209 2.039 C 42.738 3.115 43.984 4.588 44.777 6.287 L 68.678 47.688 C 70.887 51.54 71.113 55.618 69.244 58.846 C 67.375 62.131 63.75 64 59.276 64 L 11.248 64 Z" fill="rgb(255, 222, 30)" height="64px" id="JwuxXosGl" width="70.50461479944532px"/><path d="M 34.141 3.228 C 33.745 2.322 33.122 1.586 32.329 1.019 C 31.536 0.453 30.573 0.113 29.61 0 C 28.647 0.113 27.741 0.453 26.948 1.019 C 26.155 1.586 25.532 2.379 25.136 3.228 L 1.065 44.857 C -1.427 49.161 0.612 52.673 5.539 52.673 L 53.568 52.673 C 58.495 52.673 60.534 49.161 58.042 44.857 Z" fill="rgb(255, 222, 30)" height="52.67256637168157px" id="QDKke_MRG" transform="translate(5.652 5.607)" width="59.10692212145376px"/><path d="M 34.141 3.228 C 33.745 2.322 33.122 1.586 32.329 1.019 C 31.536 0.453 30.573 0.113 29.61 0 C 28.647 0.113 27.741 0.453 26.948 1.019 C 26.155 1.586 25.532 2.379 25.136 3.228 L 1.065 44.857 C -1.427 49.161 0.612 52.673 5.539 52.673 L 53.568 52.673 C 58.495 52.673 60.534 49.161 58.042 44.857 Z" fill="rgb(255, 222, 30)" height="52.67256637168157px" id="wyEKhbVEE" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2.5" stroke="rgb(0, 0, 0)" transform="translate(5.652 5.607)" width="59.10692212145376px"/></g><g d="M 2.945 30.131 C 1.319 30.131 0 28.812 0 27.186 L 0 27.186 C 0 25.559 1.319 24.241 2.945 24.241 L 2.945 24.241 C 4.572 24.241 5.89 25.559 5.89 27.186 L 5.89 27.186 C 5.89 28.812 4.572 30.131 2.945 30.131 Z M 2.945 21.182 C 1.319 21.182 0 19.864 0 18.237 L 0 2.945 C 0 1.319 1.319 0 2.945 0 L 2.945 0 C 4.572 0 5.89 1.319 5.89 2.945 L 5.89 18.237 C 5.89 19.864 4.572 21.182 2.945 21.182 Z" fill="transparent" height="30.130974791535436px" id="EyJrKiVKQ" transform="translate(32.566 20.389)" width="5.890265486725639px"><path d="M 2.945 5.89 C 1.319 5.89 0 4.572 0 2.945 L 0 2.945 C 0 1.319 1.319 0 2.945 0 L 2.945 0 C 4.572 0 5.89 1.319 5.89 2.945 L 5.89 2.945 C 5.89 4.572 4.572 5.89 2.945 5.89 Z" fill="rgb(0, 0, 0)" height="5.890265486725866px" id="YkXOI4xee" transform="translate(0 24.241)" width="5.890265486725639px"/><path d="M 2.945 21.182 C 1.319 21.182 0 19.864 0 18.237 L 0 2.945 C 0 1.319 1.319 0 2.945 0 L 2.945 0 C 4.572 0 5.89 1.319 5.89 2.945 L 5.89 18.237 C 5.89 19.864 4.572 21.182 2.945 21.182 Z" fill="rgb(0, 0, 0)" height="21.182300884955794px" id="Pr1nw5CU_" width="5.890265486725639px"/></g></g></svg>)
FINAL DESIGN
COMPARISON
Before
After
MORE WORK
|
UI/UX
|
WEB DESIGN
Machine56 Website
Machine56 Founded in 1999 by Yoga (Rajaya Yogaswara Mintaredja), Bandung’s Machine56 (M56) is renowned for its futuristic, mechanical aesthetic. A stand-out brand that ignores short-lived trends, M56 remains one of my favorite Indonesian influences, inspiring young artists to pursue vector illustration.
|
UI/UX
|
WEB DESIGN
Machine56 Website
Machine56 Founded in 1999 by Yoga (Rajaya Yogaswara Mintaredja), Bandung’s Machine56 (M56) is renowned for its futuristic, mechanical aesthetic. A stand-out brand that ignores short-lived trends, M56 remains one of my favorite Indonesian influences, inspiring young artists to pursue vector illustration.
|
UI/UX
|
WEB DESIGN
Wuling Website
Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.
|
UI/UX
|
WEB DESIGN
Wuling Website
Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.
|
UI/UX
|
WEB DESIGN
Chery Website
In 2023, Chery revamped its official website with a simpler and more premium design. The new look focuses on intuitive user experience, easier navigation, and optimization to generate more leads from potential automotive customers.
|
UI/UX
|
WEB DESIGN
Chery Website
In 2023, Chery revamped its official website with a simpler and more premium design. The new look focuses on intuitive user experience, easier navigation, and optimization to generate more leads from potential automotive customers.
LETS TALK
LETS TALK
LETS TALK
Let’s bring your ideas to life! Whether you’re looking to collaborate or need a creative partner. I’m open to new opportunities and partnerships free to get in touch.
andriansyahroni14@gmail.com
LETS TALK
LETS TALK
LETS TALK
Let’s bring your ideas to life! Whether you’re looking to collaborate or need a creative partner. I’m open to new opportunities and partnerships free to get in touch.
andriansyahroni14@gmail.com
LETS TALK
LETS TALK
LETS TALK
Let’s bring your ideas to life! Whether you’re looking to collaborate or need a creative partner. I’m open to new opportunities and partnerships free to get in touch.
andriansyahroni14@gmail.com