Navigation Menu

Seed Your Future

ClientSeed Your Future [Alexandria, Virginia, USA]
RolesResponsive Front-end Development · Mobile & Tablet UI Iterations · Back-end · Staged-donation Flow · Information Architecture Revisions and Changes · First Content Management
Year2018
Duration1 and 1/2 months

This is a campaigning website that I helped develop within Code Nation Australia for the team of Seed Your Future back in 2018. It is still being used today in 2023 and looking very similar to how I left it. Now the client has option to edit content, upload or update images, have all their resources in one place, let people join the community, or donate, and much more.

My main role within the company was "Lead Developer", so as usual, I received a base design from one of the designers (in this case it was from Lully Duque) to guide the development on.

Main Image Case Study: Seed Your Future
Seed Your Future Case Study's Image
This was how the site looked in my Windows PC in 2019 when we launched, in Chrome browser, in a 1366px width by 768px height screen.

⁠Later stages would normally consist in conversations with the client and adding final structure changes or sometimes design changes, adding new features, new sections or whole additional pages (sometimes guided by a new iteration design) but most of the times improvising by my own to get any changes or features ready, just by having conversations with my bosses, making decisions, having my own verdict and following the client's feedback or requests.

Re-structuring pages of the site, revising and updating the information architecture, helping the client create and upload the first flow of contents were common tasks for me to do.

Seed Your Future Case Study's Image
Seed Your Future Case Study's Image
This is how the site looks in my MacBook Air in 2023, in Chrome browser, in a 13.3 inch 2560px width by 1600px height screen.

Then making sure everything looked and worked well in all types of browsers and devices, focusing the last stage on responsiveness, creating a final standard for fonts under code to have just a few final styles or font-families playing sitewide, creating standards for image formats or assets for the client to upload, making the most elements possible to be dynamic and editable so it was intuitive for the client to update any content in the future.

Seed Your Future Case Study's Image
Seed Your Future Case Study's Image
Seed Your Future Case Study's Image
Seed Your Future Case Study's Image
This is how the site looks in a 24 inch 1080p monitor (1920px width by 1080px height) in 2023, in Chrome browser.

Finally, I created a "Site's Documentation" for how to use, reach, and edit everything, instructions for any image or content requirements, and more, which I delivered at the end of the project to proceed with the launch of the site.

Seed Your Future Case Study's Image
Seed Your Future Case Study's Image
I normally received a basic generic Donation form design similar to a Signup form as a base style guide, I was also tasked to make it a staged-donation process that made the information easier to handle, using a common staged-donation flow we used to use with small modifications for every case.

Note: Small additions to the last part of the second stage of the form were recently added by Code Nation Australia so I didn't have an input or couldn't style those extra recent fields.

A display of the fonts used in the project

Sometimes small development or design changes were made during the development stage on-the-fly, sometimes bigger ones which still required my own judgement and UI design decisions, which was expected in my role, coming as well from a creative background and having undertaken a university course in Web Design and Design for Mobile Devices in 2013 previously.

Much was involved in creating this big projects. See other 27 campaigning projects I was a part of in the past in my Portfolio 2021.