Startup accelerator

Relaunching Cogo Labs

Cogo Labs is a startup accelerator that launches, grows and accelerates internet companies. Fostering the next generation of leaders at the forefront of consumer technology is essential to their mission.

But, their flagship site no longer reflected how we talked about the company internally, or with applicants and potential partners. The website was also hard to maintain and update. And, the company was projecting significant growth in the coming year.

I led a full rebranding effort of their flagship website and aligned the company's digital presence to their current vision.

Contributions:
Design systems Front-end design Digital identity

Weaving together many design disciplines on a small team

The design team was still growing, and I was the principal designer for the effort. This led to me owningvisual design, content design, interaction design, and research tasks, while also working closely with internal stakeholders on brand alignment and web engineers on implementation (#smallteam).

The first step was to align on the goals of the redesign. I audited the current content of the site, reviewed current web metrics, and met with a number of key people at Cogo to understand target markets. I also did a full design review of our current site and of other startup incubators and accelerators.

Snapshots of the old Cogo Labs home page and careers page, including what the site looks like on mobile.
Snapshots of the old website, which was minimally responsive and did not match the energy of the current team.

Focusing rebrand goals with the team

From this internal research, we defined a set of goals for the redesign:

  • Serve job seekers: Large scale hiring was on the horizon and metrics showed significant traffic to job pages, but we observed job seekers often were unsure how accelerators operated.
  • Show off the culture: Accelerating the careers of employees was one of Cogo's key values, and it offers early career technologists a lot of freedom to explore and experiment. We wanted the site's style and content to put these values front and center.
  • Strengthen design and content hierarchy: The old site had very limited typographic and design hierarchy, with overpowering graphics pulling attention away from key content. I wanted the new design to have a strong typographic and color system that gave structure to the page, in addition to a refreshing look and feel.
  • Lean into responsive design: The old site used an ExpressionEngine template that had limited responsive styles, and exacerbated hierarchy and readability concerns on mobile devices. We wanted to create flexible templates that would have an impact on any device.
Desktop and mobile mockups for the Cogo Labs site. They show four pages: individual job listings, job filters, blog listings and blog posts.
The final design for Cogo Lab's flagship site was fully responsive and matched the team's experimental, energetic culture. We prioritized future hires and founders as our main audiences.
Desktop and mobile screens of two micro interactions - how jobs appear on the site, and a form to request an interview.
The relaunched site prioritized recruiting, and I worked with the team to design clearer filtering for jobs and a lightweight form to quickly request an interview.

Supporting front-end implementation

Once we defined key visual elements, we moved on to development. The site was built using Express.js for a web framework, Keystone.js as our CMS, and Jade and Stylus on the front-end to create cohesive, clean styling.

I worked closely with our web engineers to build the CSS theming and define page layouts. I also implemented certain features on the site, like job filtering, to deepen my Javascript skills.

Video showing the job filters feature I built for the careers page.