UI/UX Design | Merge Internship
![](https://lannawang.com/wp-content/uploads/2021/12/merge_medium_cover.png)
MY ROLE
Product Design Intern
June – August 2021
San Francisco, CA
TEAM
Simeon Lee | Founding Designer at Merge
Tara Pichumani | Platform (formerly Growth and Product)
Henry Baer | Founding Engineer at Merge
Prannoiy Chandran | Growth and Product
AT A GLANCE
Merge is the leading startup in the unified API (application programming interface) space, offering integrations for HR, payroll, and recruiting systems. During my 10-week internship, I worked on a range of larger projects (such as the new CMS administrative portal) and smaller features on the landing page, documentation page, and web app interface. Here, I will highlight a select portion of my work, including:
For an in-depth summary of my Merge experience, check out my Medium article!
*UPDATE: due to my non-disclosure agreement, I am unable to share more information surrounding the work that I did on Merge’s admin portal, which was the largest project that I completed during this internship. Thank you for your understanding.*
DOCUMENTATION PAGE AND FOOTER
Excluding the header, I designed the body of the documentation home page shown in the purple box below. I also created the graphics shown next to the “Get Started” section, as well as the 3D isometric icons (shown next to “Merge API Basics”). The goal was to have a quick and easy starting point for new users while also offering in-depth guides for more advanced users.
![](https://lannawang.com/wp-content/uploads/2021/12/Docs-1.png)
![](https://lannawang.com/wp-content/uploads/2021/12/Docs-2.png)
Besides the documentation home page, I designed a new tab dedicated to guides, which would allow our developers to publish in-depth summaries about working with Merge’s unified API. I emphasized the “Get Started” section with the two guides that clients are most likely to visit first: “Add Merge Link to your frontend” and “Add Merge’s SDK to your backend.” On the right side, I included other guides on niche topics for more experienced users.
![](https://lannawang.com/wp-content/uploads/2021/12/Dropdown-1.png)
Additionally, I designed the documentation page footer from scratch (shown below). We wanted the footer of the documentation page to include a thorough list of all of the topics covered on the documentation page. Similar to the existing footer on our main landing page, I organized the footer into easily distinguishable categories. However, I completely changed the colors to match the lighter, airier feel of our documentation page.
![](https://lannawang.com/wp-content/uploads/2021/08/Docs-Footer-Full-Width.png)
LANDING PAGE DROPDOWN MENUS
I redesigned the landing page dropdown menus for three tabs: “Products,” “Docs,” and “Company” (highlighted in purple). The goal was to make the dropdown menus look more visually appealing and allow for easier navigation of the site.
![](https://lannawang.com/wp-content/uploads/2021/12/Dropdown-1.png)
![](https://lannawang.com/wp-content/uploads/2021/12/Dropdown-2.png)
![](https://lannawang.com/wp-content/uploads/2021/12/Dropdown-3.png)
For reference, the previous landing page dropdown menus looked very similar to the footer shown below, a dark box containing a list of each integration within the HRIS, ATS, and Accounting categories.
![](https://lannawang.com/wp-content/uploads/2021/12/Screen-Shot-2021-12-15-at-3.30.21-PM.png)
3D ILLUSTRATION WORK
One of my final tasks was creating a 3D isometric illustration to symbolize how our product functions: Merge’s unified API powers integrations for our clients, who only need to integrate once with us. I created this using Adobe Illustrator.
![](https://lannawang.com/wp-content/uploads/2021/08/Merge-3D-v12-FINAL-large.png)
FINALLY, THE MERGE SLACKMOJI GIF 🙂
This was something that I made just for fun. Thankfully, the other Merge employees loved it! It is now the most popular GIF in the Slack.
![](https://lannawang.com/wp-content/uploads/2021/08/merge-rainbow-1.gif)