Seampay: One App For Everything Money

Seampay

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Seampay</p></div><p class="h3-style">With Seampay, you experience the ease of sending, receiving, and spending money.  For them, we’ve developed a trustworthy, straightforward, and modern website that is based on digital African patterns.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bd11a5ac5e7ec89f2b_sp-2.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bd11a5ac0d8ac89f2c_sp-3.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Patterns</p></div><p class="h4-style">Digital African patterns. Inspired in particular by akwete cloth: unique handwoven textile named after the town it's from, Akwete, in southeastern Nigeria. The patterns are beautiful and would make the bank stand out among the cookie-cutter designs.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0ba53eb687f26dff7db_sp-4.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Characters</p></div><p class="h4-style">Seampay unites different communities, and we've kept all characters small for that sense of scale. It’s not just one character for everyone to try to relate, but a group of people to be a part of.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bca6a75c85f9efb201_sp-5.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Website</p></div><p class="h4-style">The goal of Seampay’s website is to showcase the brand at its best and encourage users to download the app. The website fully inherits the African patterns developed for its brand identity.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bc94d7ef5ce32d5ad4_sp-6.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Animated illustrations</p></div><p class="h4-style">To convey Seampay’s connectivity,  we’ve animated lines between all characters. We’ve added little flags like on a running track so that everyone is connected, from start to finish.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bc6e474eaa671f2ce6_sp-7.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Prototyping & Wireframes</p></div><div class="transp-bl"></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bc46419b524e2ae0c5_sp-8.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Copywrite</p></div><p class="h4-style">The content is in English as Seampay unites multilingual communities and plans to scale its business. For the accents in the typography, we highlight keywords in the copywriting that keep users scrolling until the end.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bc43d13ceef6cf3cca_sp-9.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Typography</p></div><p class="h4-style">Museo Sans is as straightforward as Seampay’s transfers are. This font is neat and friendly to ensure the trust factor.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0ba46419b70732ae0b6_sp-10.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Color Palette</p></div><p class="h4-style">Pink is a bedrock of Seampay’s logo, so we’ve kept everything consistent and selected catchy colors that fit branding pink well.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0ba11a5ac1dc9c89f1a_sp-11.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Icons</p></div><p class="h4-style">We’ve designed a universal icon pack that makes the text on the website easier to perceive.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bc92aded2dfa4711d2_sp-12.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Rejected web concepts</p></div><p class="h4-style">For Seampay, we’ve also created Augmented Reality and Way of money web styles. The former implied taking the places that are held dear by the audience and showing them at a new angle. The latter was based on the logo, showing the way people are connected, bringing a sense of community.</p><div class="pb-80"></div></div></div>

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bdfddd9253975584eb_sp-13.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets.website-files.com/62e119d58c1c3abc0a13d8f9/631ec0bd51c4eabd6c0931ad_sp-14.webp" loading="lazy" alt="" class="s_image_full">

</div></div><div class="p-lr pt-200"><div class="team-case"><div class="mb-4"><p><b>Producer: </b>Leonid Bondarenko</p></div><div class="mb-4"><p><b>Project Managment:  </b>Daniel Eskin</p></div><div class="mb-4"><p><b>Art Direction: </b>Elisey Soloviev</p></div><div class="mb-4"><p><b>Design: </b>Ksenia Gamalin</p></div><div class="mb-4"><p><b>Illustration: </b>Lisa Ivanova</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov</p></div></div></div>

You might also like

Dropdown
success. see you soon ;)
Oops! Something went wrong while submitting the form.