x

Contact Me

/001

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Isles

Tools: Figma, Adobe Illustrator
Deliverable: A single hi-fidelity landing page made using Figma

Team Members
  • Talia Bowles - VIsual and UI Designer
Skills Used
  • Visual Design
  • UI Design
  • Illustration
Stakeholders
  • Isles
*Jump to landing page

What is Isles, Inc.?

Founded in 1981, Isles, Inc. is a community development and environmental organization based in Trenton, New Jersey.  With a mission to foster self-reliant families and healthy, sustainable communities, we design and develop effective services that support this mission and share what we learn with others who can make a difference.

01. Problem

The current Isles, Inc. landing page does not effectively communicate the type of community-oriented and fostering environment that it thrives to build. It feels rather corporate and unwelcoming. The families viewing this website come from difficult situations and the website should not be something that scares or intimidates them from participating in Isles’ community programming.

02. Research

Original landing page

/Research

03. UI Audit

visual identity

/UI audit

Layout

/UI audit

media

/UI audit

Components

/UI audit

results

/UI audit

From this, I decided which main design details I wanted to maintain in my redesign:

1. Logo

2.Color Palette

04. Design

The page as it was, felt more corporate than community. By adding more color, illustrations, and taking away some text, the website could appear much more approachable.

hero image

/design

train and educate

/design

build wealth

/design

live green and healthy

/design

revitalize communities

/design

critiques

/design

  1. Highlight the call-to-action
  2. Create sufficient color contrast in the navigation
  3. Condense the footer

05. Final Landing Page

style sheet

/final landing page

06. Next Steps

1. Create an interactive prototype
2. Conduct user testing

*Back to top